﻿html { overflow-y: scroll; }

body	{background:url(../images/TopLinks_BG.gif) #fff repeat-x top;
	background-attachment:fixed;margin-top:0px; font-family:Arial; font-size:70%;}
img		{border:0px; padding:0px; margin: 0px;}


#Fixed
{
	background:url(../images/TopLinks_BG.gif) #fff repeat-x top;
	background-attachment:fixed;
	z-index:999;	
	width:930px;
	margin-bottom:0px;
	height:30px;
}



#Page {margin:0 auto; width:930px; padding-bottom:0px;}

/* General Site Styles Start */

a {color:#2B2C78; text-decoration:none;}
a:hover {text-decoration:underline;}
a:vistited {color:#2B2C78;}

.Table .Row {clear:both;}
.Table .Row .Column {float:left;}
.Table .Row .ColumnFull {width:100%;}

.Clear, .clear {clear:both; height:0px; margin:0px; padding:0px;}

.ButtonSmall { display: block; width:69px; height: 16px; line-height: 16px; font-size: 11px; color: #fff; background: url("../images/buttons/Blank_Small_btn.gif") no-repeat; text-align: center; }
.ButtonSmall:hover { text-decoration: none; }
.ButtonSmallWide { display: block; width:120px; height: 16px; line-height: 16px; font-size: 11px; color: #fff; background: url("../images/buttons/Blank_Small_Wide_btn.gif") no-repeat; text-align: center; }
.ButtonSmallWide:hover { text-decoration: none; }

.Button { display: block; width:98px; height: 22px; line-height: 22px; font-size: 12px; color: #fff; background: url("../images/buttons/Blank_btn.gif") no-repeat; text-align: center; font-weight: bold; }
.Button:hover { text-decoration: none; }
.ButtonWide { display: block; width:150px; height: 22px; line-height: 22px; font-size: 12px; color: #fff; background: url("../images/buttons/Blank_Wide_btn.gif") no-repeat; text-align: center; font-weight: bold; }
.ButtonWide:hover { text-decoration: none; }


.Mandatory {color:#f00;}
.ErrorMessage {color:#f00;}

/* General Site Styles Finish */

/* Blank Page Styles Start */

#Blank {margin:15px; background:#fff; width:680px;}
#Blank #MainContainer {margin:15px;}
#Blank #MainContainer h1 {clear:both; color:#777; padding-top:10px; font-size:120%; background:url(../images/Layout/TitleBackground.gif) no-repeat bottom right; height:30px;}

/* Blank Page Styles End */

/* Header Styles Start */

#Header {font-size:100%; float: left; width: 930px; margin-bottom: 10px;}

#Header .Navigation 
{
	float:left;
	font-size:100%; 	
	width:930px; 
	height:28px; 
	color:#fff;  
	clear: both;
	z-index:1000;
	position:fixed;
	top:0;
	background:url(../images/TopLinks_BG.gif) #fff repeat-x top;
	background-attachment:fixed;
	padding-top:12px;
}

#Header .Navigation ul {padding:0; margin:0; list-style: none; width:730px; }
#Header .Navigation ul li {float:left; list-style:none; height:18px; padding:0px 0px 0px 10px; margin:0; border-left:1px solid #FFF; line-height: 19px;}
#Header .Navigation ul li.homeLink {border:0px;}
#Header .Navigation ul li a {display:block; height:18px; padding:0px 10px 0px 0px; color:#fff; text-decoration:none;font-weight:bold;}
#Header .Navigation ul li a:hover {text-decoration:underline;}

#Header .MiniBasket 
{
	height: 30px; 	
	line-height: 20px;
	z-index:1000;
	position:absolute;
	top:0;
	right:10px;
	padding-top:11px;
	padding-left:30px;
	margin-left:0;
	}
	
#Header .MiniBasket .Info { color:#fff;}
#Header .MiniBasket .Info a {color:#FFFFFF;text-decoration:none;font-weight:bold;}
#Header .MiniBasket .Info a:Hover {text-decoration:underline;}

#Header .Logo {clear: left; float: left; margin-top: 20px; }
#Header .Logo h1 {margin:0; padding:0;}
#Header .Logo h1 a {display:block; width:420px; height:75px; background:url(../images/Optisoft_Logo.gif);}
#Header .Logo h1 a span {display:none;}

#Header .Search {float: right; display:inline; width:220px; height:45px; padding: 4px 0px 2px 15px; background:url(../images/Search_BG.gif); margin-top: 40px; } 
#Header .Search span {float: left; display:inline;color:#7D7D7D;font-size:120%; padding-top: 8px; }
#Header .Search input {display:inline; float: left; height:17px; width:110px; padding-top:2px 0 0 0; margin-left:10px; margin-top:5px;}
#Header .Search .SearchButton {display:inline; float: right; width:26px; height:21px; margin-right: 24px; }
#Header .Search .SearchButton input {display:inline; width:26px; height:21px; margin-top: 3px; }

#Header .SecondaryNavigation				{float: left; clear: both; height:44px;background:url(../images/tab_bottom.gif) no-repeat bottom left;width:929px; margin-top: 10px; }
#Header .Selected							{background:url(../images/tab_bottom_blue.gif) no-repeat bottom left;}
#Header .SecondaryNavigation ul				{padding:0; margin:0 0 0 12px;}
#Header .SecondaryNavigation ul li			{float:left; display:block; width: 226px; height: 44px; list-style:none; padding:0px;margin:0px;background:url(../images/tab.gif) no-repeat top left;}
#Header .Selected ul li { background:url(../images/tab_blue.gif) no-repeat top left; }
#Header .SecondaryNavigation ul li a		{display: block; line-height: 44px; width:226px;text-align:center; color:#717171;text-decoration:none;font-weight:bold; font-size:140%;}
#Header .SecondaryNavigation ul li a:Hover	{text-decoration:underline;}

#Header .Selected ul li.Current,
#Header .Selected ul li.Ancester { background:url(../images/tab_selected.gif) no-repeat top left; }

#Header .Selected ul li.Current a,
#Header .Selected ul li.Ancester a { color: #2B2C78; }

#Header .Banner								{width:930px;min-height:10px; float: left; }

/* Header Styles Finish */

/* SubNavigation Styles Start */

#SubNavigation {float:left; width:242px;margin-right:20px; display: block; }
#SubNavigation a {text-decoration:none;}
#SubNavigation a:hover {text-decoration:underline;}
#SubNavigation .Level1 {margin:0px;padding:0px;}
#SubNavigation .Level1 li {list-style:none; }
#SubNavigation .Level1 li a {display:block; color:#2B2C78; font-weight:bold;font-size:140%; background: url("../images/leftnav_divider.gif") no-repeat center top; padding: 14px 6px 10px 6px; }
#SubNavigation .Level1 > li.First > a {background: none; padding-top: 0; }

#SubNavigation .Level2 {margin:0px;padding:0px;}
#SubNavigation .Level2 li {margin:0px;padding:0px;list-style:none;}
#SubNavigation .Level2 li a {margin:0px;padding:0px;}
#SubNavigation .Level2 li a {color:#696969; font-weight:bold; font-size:120%;border:0px; padding-left: 15px; background: url("../images/leftnav_triangle.gif") no-repeat 4px 5px; margin-bottom: 14px; margin-left: 4px; }
#SubNavigation .Level2 li.Current > a,
#SubNavigation .Level2 li.Ancester > a {color:#696969; background: url("../images/leftnav_triangle_current.gif") no-repeat 5px 5px; }

#SubNavigation .Level3 {margin:0px;padding:0px; display: block; margin-bottom: 15px; }
#SubNavigation .Level3 li {margin:0px;padding:0px;list-style:none; margin-left: 34px; }
#SubNavigation .Level3 li a {padding: 0; margin: 0; }
#SubNavigation .Level3 li a {color:#696969; font-weight:normal;padding-left: 12px; background: url("../images/leftnav_redbullet.gif") no-repeat 0 3px; font-size: 110%; margin-bottom: 2px; }
#SubNavigation .Level3 li.Current a,
#SubNavigation .Level3 li.Ancester a {color:#696969; font-weight:bold;padding-left: 12px; background: url("../images/leftnav_redbullet.gif") no-repeat 0 3px; font-size: 110%; margin-bottom: 2px; }

/* SubNavigation Styles End */

/* Content Styles Start */

#ContentContainer {background:#fff;color:#717171; float: left; }
#MainContent {float:left; width:930px;z-index:-1;}
#FullContent {float:left; width:900px; padding: 0 15px; }
#Page .EyeCandy {width:931px; height:14px; padding-top:10px; margin:0px auto 0 auto; background:url(../images/Layout/ContentBottom.gif) bottom no-repeat;}
#Page .EyeCandy span {display:none;}

/* Content Styles End */

/* Main Content Styles Start */

#MainContent h1 {font-size:150%; height:30px;}
#MainContent .Content a {color:#0099ff; text-decoration:none;}

#MainInnerContent {float:left; width:655px;}
#MainInnerContent h1,
#FullContent h1 {font-size:200%; color:#2B2C78; margin: 10px 0; padding: 0; clear: left; }
#MainInnerContent .Content { display: block; clear: both; }

.LeftNav			{background:url(../images/LeftNav_BG.gif) repeat-y top left;width:242px;}
.LeftNavTop			{background:url(../images/LeftNav_Top.gif) no-repeat top left;width:242px;}
.LeftNavBottom		{background:url(../images/LeftNav_Bottom.gif) no-repeat bottom left;width:220px;padding:16px 6px 24px 12px;}

/* Main Content Styles End */

/* Breadcrumb Styles Start */

.BreadCrumbTrail {color:#666; display: block; float: left; clear: both; }
.BreadCrumbTrail a {color:#666; text-decoration:underline;}
.BreadCrumbTrail a.Current {text-decoration:none;}
.BreadCrumbTrail .YouAreHere {font-weight:bold;}

/* Breadcrumb Styles End */


/* Content Container Header Start */

.ContentBoxOuterContainer		{height:55px;background:url(../images/ContentHeader_BG_Top.gif) repeat-x top left;clear:both;}
.ContentBoxLeft					{float:left;display:inline;width:47px;height:55px;}
.ContentBoxRight				{float:right;display:inline;width:47px;height:55px;}

/* Content Container Header End */


/* Footer Styles Start */

.FooterPhoneNumbers		{color:#2B2C78;font-size:140%;margin-bottom:10px;margin:0px auto;margin-bottom:10px; width:910px;text-align:right;}
.FooterPhoneNumbers strong	{color:#FB0000;}


#Footer {clear:both;margin:0px auto; width:910px; padding:4px 10px 4px 10px; background:#60619A;color:#FFFFFF;}
#Footer .FooterLeft	{float:left;display:inline;}
#Footer .FooterRight {float:right;display:inline;}

.FooterSubNote	{margin:10px auto;width:910px;text-align:center;color:#60619A;}

.PureNetCredit {margin:10px auto 0px auto; clear:both; text-align:center;color:#717171;}
.PureNetCredit a {color:#333;}

/* Footer Styles End */

/* Product Styles Start */

.ProductList {clear:both; margin: 20px 0; }
.ProductList .Row {clear:both; }
.ProductList .Row .Item {float:left; background:url(../images/product_box.jpg) no-repeat; width: 273px; height: 60px; padding: 0 10px; margin: 10px; }
.ProductList .Row .Item .Image { float: right; margin-left: 3px; margin-right: 2px; margin-top: 8px; }
.ProductList .Row .Item .Name { float: left; }
.ProductList .Row .Item .Name a { font-size:150%; color:#2B2C78; margin-top: 20px; font-weight: bold; margin-left: 9px; }
.ProductList .Row .Item .Name a:hover {}

.ProductDetails {}
.ProductDetails .Row { display: block; clear: both; }
.ProductDetails .ProductName {float:left; font-size:225%; color:#2B2C78; margin: 10px 0; padding: 0; font-weight: bold; }

.ProductDetails .WasPrice { float:right; font-size:200%; padding: 0; font-weight: bold;text-decoration: line-through; clear: right; }
.ProductDetails .Message { float:right; font-size:200%; color:#cc0000; padding: 0; font-weight: bold; clear: right; }
.ProductDetails .ProductPrice {float:right; font-size:250%; color:#2B2C78; margin: 10px 0; padding: 0; font-weight: bold; clear: right; }

.ProductDetails .ProductImage { float: left; width: 400px; height: 310px; }
.ProductDetails .ProductImage td { width: 400px; text-align: center; height: 310px; vertical-align: middle; }


.ProductDetails .TagLine { float: right; font-size: 175%; width: 247px; text-align: right; font-weight: bold; }
.ProductDetails .Buttons { float: right; margin-top: 20px; width: 140px; }
.ProductDetails .Buttons .Buy { display: block; float: right; width: 140px; height: 43px; background: url("../images/buttons/buy.jpg") no-repeat; margin: 2px 0; }
.ProductDetails .Buttons .Demo { display: block; float: right; width: 140px; height: 43px; background: url("../images/buttons/demo.jpg") no-repeat; margin: 2px 0; }
.ProductDetails .Buttons .Trial { display: block; float: right; width: 140px; height: 43px; background: url("../images/buttons/trial.jpg") no-repeat; margin: 2px 0; }

.ProductDetails .Description { display: block; background: url("../images/contentbox_header.gif") no-repeat top; padding: 20px; }

.ProductDetails .Tabs { display: block; padding-bottom: 23px; background: url("../images/tabs/tab_footer.gif") no-repeat bottom; width: 673px; }
.ProductDetails .Tabs .ajax__tab_header { margin:0; border: 0; background: url("../images/tabs/tab_header.gif") no-repeat 0px -3px; height: 50px; width: 633px; margin:0; padding: 0 20px; }
.ProductDetails .Tabs .ajax__tab_body { background: url("../images/tabs/tab_body_rpt.gif") repeat-y; margin: 0; padding: 0 20px; width: 633px; padding-bottom: 10px; }

/* Active/Hover States */
.ProductDetails .Tabs .ajax__tab_active .ajax__tab_tab { background:url("../images/Tabs/tab_header_active_rpt.gif") repeat-x; color: #2B2C78; }
.ProductDetails .Tabs .ajax__tab_active .ajax__tab_outer { background:url("../images/Tabs/tab_header_active_lt.gif") no-repeat left top; }   
.ProductDetails .Tabs .ajax__tab_active .ajax__tab_inner { background:url("../images/Tabs/tab_header_active_rt.gif") no-repeat right top; }   


/* Regular States */
.ProductDetails .Tabs .ajax__tab_tab { background:url("../images/tabs/tab_header_rpt.gif") repeat-x; padding:12px 0; height: 27px; color: #666; width: 175px; font-size: 120%; font-weight: bold; }
.ProductDetails .Tabs .ajax__tab_outer { background:url("../images/tabs/tab_header_lt.gif") no-repeat left top; padding-left: 7px;}   
.ProductDetails .Tabs .ajax__tab_inner { background:url("../images/tabs/tab_header_rt.gif") no-repeat right top; padding-right: 5px; margin-right: 10px; }   

.ProductDetails .Column { float: left; width: 211px; display: block; }
.ProductDetails .Column .Feature { float: left; display: block; padding-left: 12px; background: url("../images/leftnav_redbullet.gif") no-repeat 0 3px; padding-top: 1px; margin: 6px; width: 195px; }

.ProductDetails .Disabled { filter:alpha(opacity=40); opacity:0.4; cursor: no-drop;  }

.ProductDetails .RelatedProducts {background: url("../images/contentbox_header.gif") no-repeat top;margin-top:10px;padding:20px;}
.ProductDetails .RelatedProducts .Title {font-weight:bold;font-size:120%;margin-bottom:20px;}
.ProductDetails .RelatedProducts .RelatedProduct {float:left;display:inline;width:142px;height:180px;margin:0px 10px 10px 0px;}
.ProductDetails .RelatedProducts .RelatedProduct a {display:block;width:120px;height:158px;border:1px solid #FFFFFF;padding:10px;}
.ProductDetails .RelatedProducts .RelatedProduct a:Hover {border:1px solid #C6C6C6;}
.ProductDetails .RelatedProducts .RelatedProduct .Image {width:120px;height:120px;margin-bottom:10px;}
.ProductDetails .RelatedProducts .RelatedProduct .Name {font-weight:bold;}


/* Product Styles End */


/* Product scroller */

.ImagesHolder				{width:928px;background:url(../images/ImageScroller_BG.gif) repeat-x top left;padding-bottom:20px;}
.ImagesHolder:after			{content:".";display:block;height:0;visibility:hidden;clear:both;}   
h2.RelatedProdsHeader		{margin:20px 0px 0px 40px;color:#312E7B;float:left;display:inline;}
.HeaderDesc					{float:right;display:inline;margin:30px 40px 0px 0px;}

.ScrollerProductList		{width:854px; float:left;overflow:hidden;position:relative;height:212px; }
.ScrollerProduct			{width:170px;height:212px;text-align:center;position:absolute;top:0px;padding:14px 13px 0px 14px;font-size:90%;background:url(../images/ImageScroller_Item_BG.gif) no-repeat top center;}
.ScrollerProduct a:hover	{text-decoration: none; }
.ScrollerProductImage		{position:relative;display:block;}
.ScrollerProduct .ProdName	{color:#60619A;font-weight:bold;font-size:120%;height:45px;display:block; padding: 0px 20px; }
.ScrollerProduct .ProdImage {height:80px;display:block;}
.ScrollerProduct .LearnMore {font-size:120%;margin:6px 0px 10px 0px;display:block;color:#7A7A7A;}
.ScrollerProduct .ViewDemo	{}
.ImagesHolder .LeftArrow	{height:212px; width:20px; float:left;margin:0px 10px 0 5px;cursor:pointer; background: #fff;}
.ImagesHolder .RightArrow	{height:212px; width:20px;float:left;margin:0px 0px 0 10px;cursor:pointer; background: #fff;}

/* Product Scroller end */


/* Product Search Start */

.SearchResults {clear:both;margin-bottom:40px;display:block;}

/* Product Search End */


/* Basket Styles Start */

.Basket table {width:100%; color:#777; font-weight:bold; margin-bottom:15px;}
.Basket table thead {background:#63619C url(../images/BasketHeader_BG.gif) repeat-x top left; font-weight:bold; color:#fff; height:26px; font-size:110%;}
.Basket table thead tr td {height:26px; padding:2px 5px;}
.Basket table tr td {padding:5px; border-bottom:1px solid #efefef;}
.Basket table tr td {padding-top:20px;}
.Basket table tr td.Image {width:165px;}
.Basket table tr td.Details a.Details {font-weight:bold; font-size:120%; color:#000;}
.Basket table tr td.Details .Button {margin-top:5px; }

.Basket table tr td .HighLight {color:#414042;}

.Basket table tr td.Quantity {width:120px;}
.Basket table tr td.Price {width:120px;}
.Basket table tr td.Quantity input {width:30px;}
.Basket table tr td.Quantity .Button {margin-top:5px; background:url(../images/Layout/GenericButton.gif) no-repeat #fff; width:70px; height:21px; border:0;}

.Basket table tr td.Details > div {margin-bottom:10px;}
.Basket .WasPrice { text-decoration: line-through; color: #666; margin: 0; font-weight: normal; }
.Basket .Message { color: #c00; margin: 0;}
.Basket .Price { margin: 0;}


.Basket table.BasketTotals {width:260px;float:right; border: 2px solid #63619C; }
.Basket table.BasketTotals tr {height:26px; font-size:120%;}
.Basket table.BasketTotals tr td { padding: 0 5px; }
.Basket table.BasketTotals tr td.TotalLable {width:120px; height:26px; color: #000; }
.Basket table.BasketTotals tr td.Total {width:120px; height:26px; }
.Basket table.BasketTotals tr td.Total span {display:inline-block; color:#63619C; width:95%; padding:2px 5px;}

.Basket .Buttons {clear:both; float:right; padding-top:10px;margin-bottom:20px;}
.Basket .Buttons div {float:left;}
.Basket .ButtonWide { margin-right: 10px; }

.Basket .PromotionCode {margin-top:10px; margin-left:0px; width:370px;  color:#63619C; font-weight:bold; border: 2px solid #63619C; padding: 5px; }
.Basket .PromotionCode .InputForm { height: 25px; }
.Basket .PromotionCode .InputForm div {float:left;}
.Basket .PromotionCode .InputForm div.Text {width:100px; margin-left:15px; padding-top:6px; font-weight:bold;}
.Basket .PromotionCode .InputForm div.Input {width:160px; padding-top:2px; margin-left:10px;}
.Basket .PromotionCode .InputForm div.Input .TextBox {width:140px;}
.Basket .PromotionCode .InputForm .Buttons {clear:none; margin-top: 5px; padding: 0; }

.Basket .BasketValidation {border:2px solid #DD0000;padding:20px;font-size:110%; margin-bottom: 10px; }
.Basket .BasketValidation .ValidationNote {display:block;font-size:120%;color:#DD0000;font-weight:bold;margin-bottom:10px;}

/* Basket Styles End */

/* Login Register Box Start */

.LoginRegisterContainer {}
.LoginRegisterContainer h2 { margin: 0px; font-size: 150%; }
.LoginRegisterContainer .Text { float: left; width: 100%; margin: 10px 0; }
.LoginRegisterContainer .Buttons { position: absolute; right: 26px; bottom: 20px; }
.LoginRegisterContainer .Buttons .SubmitButton {background:url(../images/Layout/GenericButton.gif); width:70px; height:21px; border:0;font-size:100%; font-weight:normal;}
.LoginRegisterContainer .Row {padding-top:5px;}
.LoginRegisterContainer .Column { float: left; height: 30px; }
.LoginRegisterContainer .Column1 { width:75px; line-height: 18px;}
.LoginRegisterContainer .Column2 input {width:200px; }

.LoginBox, .LoginRegisterBox 
{
	float:left; display: block; margin: 0; padding: 30px; overflow: hidden; 
	background: url("../images/white_box.jpg") no-repeat top left; width: 282px; height: 167px; 
	position: relative; 
}

.EditPractice .Table .Row {padding-top:4px;}
.EditPractice .Table .Row .Column1 {width:140px;}
.EditPractice .Table .Row .Column2 {width:210px;}
.EditPractice .Table .Row .ColumnDouble {width:330px;}
.EditPractice .Table .Row .Buttons {text-align:right;margin-bottom:30px;width:660px;}
.EditPractice .Table .Row .ButtonsShort {width:345px;}
.EditPractice .ColumnFull { width: 360px; }
.EditPractice input { width: 180px; }
.EditPractice select { width: 185px; }
.EditPractice .Radio { margin-right: 20px; }
.EditPractice .Radio input { clear: none; width: 20px; }
.EditPractice .Buttons { float: left; }
.EditPractice .ButtonSmall { float: left; margin-right: 5px; }

.RegisterBox .Table .Row {padding-top:4px;}
.RegisterBox .Table .Row .Column1 {width:130px;}
.RegisterBox .Table .Row .Column2 {width:210px;}
.RegisterBox .Table .Row .ColumnDouble {width:330px;}
.RegisterBox .Table .Row .Buttons {text-align:right;margin-bottom:30px;width:660px;}
.RegisterBox .Table .Row .ButtonsShort {width:345px;}
.RegisterBox .ColumnFull { width: 360px; }
.RegisterBox input { width: 180px; }
.RegisterBox select { width: 185px; }
.RegisterBox .Radio { margin-right: 20px; }
.RegisterBox .Radio input { clear: none; width: 20px; }
.RegisterBox .Buttons { float: left; margin-top: 5px; }




/* Login Register Box End */

/* Checkout Start */

.Checkout h2 {clear:both; font-size:120%; background:url(../images/Layout/ContentBottom.gif) no-repeat bottom left; height:30px; }
.Checkout .Basket {clear: both; width: 100%; }
.Checkout .Buttons {clear:both; margin-bottom:30px;}
.Checkout .TermsAndConditions {clear:both; margin:10px 0; }
.Checkout .TermsAndConditions a {text-decoration:underline;}
.Checkout .Address {margin-bottom:40px;margin-top:10px;}
.Checkout .Address .Buttons {text-align:left;width:100px;margin-top:10px;}

.Checkout .BillingAddress {float:left; width:400px; margin-right:20px}
.Checkout .DeliveryAddress {float:right; width:400px;}
.Checkout .Address h2 {background:url(../images/Layout/ContentBottom.gif) no-repeat bottom right;}

.PaymentDetails {margin-left:0px; width:500px;}
.PaymentDetails .Table .Row {padding-top:2px; }
.PaymentDetails .Table .Column { height: 24px; }
.PaymentDetails .Table .Row .Column1 {width:150px; text-align:left; padding-right:20px; line-height: 24px; }
.PaymentDetails .Table .Row .Column2 {width:300px;}
.PaymentDetails input { width: 200px; }
.PaymentDetails select { width: 205px; }
.PaymentDetails select.Date  { width: auto; }
.PaymentDetails input.IssueNumber  { width: 50px; }
.PaymentDetails input.SecurityCode { width: 50px; }

.CheckoutConfirmation h2 {clear:both; font-size:120%; background:url(../images/Layout/ContentBottom.gif) no-repeat bottom left; height:30px;}
.CheckoutConfirmation .BillingAddress {float:left; width:200px;}
.CheckoutConfirmation .DeliveryAddress {float:left; width:200px;}
.CheckoutConfirmation .Basket {clear:both; padding-top:20px;}
.CheckoutConfirmation .Buttons {clear:both;}
.CheckoutConfirmation .Buttons .ContinueShopping .Button {margin-right:10px; border:0; background:url(../images/Buttons/Continue_Shopping_btn.gif) no-repeat; height:25px; width:160px;display:block;}

/* Checkout End */

/* My Account Styles */
.PageList { clear: both; }
.PageList .Table .Row .Column { width: 270px; background-color: #f0f0f0; margin-right: 20px; margin-bottom: 20px; padding: 10px; }

.PageList .Image {float: left; width: 50px; text-align: center; margin-top: 15px;}
.PageList .Description {float: right; width: 210px; height: 50px; overflow: hidden;}
.PageList .Title {float: right; width: 210px; 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 */

.AccountAddresses {margin:20px 0px;}
.AccountAddresses:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.AccountAddresses .AccountAddress {float:left; clear:both; margin:20px;}
.AccountAddresses .AccountAddress:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.AccountAddresses .AddNewAddress {clear:both;margin:0px 0px 20px 20px;}
.AccountAddresses .SubmitButton{margin: 3px 5px 0px 0px; float: left; display: inline;min-width: 50px;text-align: center;}

.AccountAddresses .ActionButtons {margin-right:250px; margin-top:20px; float:right;}

.AddressForm {  clear: both; padding: 20px;width:364px;}
.AddressForm:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.AddressForm .FormRow {padding: 3px 0px 3px 0px; clear: both; width: 360px;}
.AddressForm .FormRow .RowName { float: left; display: block; width: 150px; height: 17px; padding-top: 2px;}
.AddressForm .FormRow input { float: right; width: 200px; font-family: Arial; font-size: 95%; }
.AddressForm .FormRow select { float: right; width: 206px; font-family: Arial; font-size: 95%; }
.AddressForm .Mandatory { color: #cc0000; font-weight: bold; }
.AddressForm .Right { float: right; }
.AddressForm .Header { float:left; padding-bottom: 10px; }
.AddressForm .SubmitButton {margin: 3px 5px 0px 0px; float: left; display: inline;min-width: 50px;text-align: right;}
/* End My Account - Address Book */


/* Licencing and Practices */

.PracticeList {}
.PracticeList .Table {}
.PracticeList .Table .Row {margin-bottom:20px;border-bottom:1px solid #60619A;padding-bottom:20px;}
.PracticeList .Table .Row .Title{color:#2B2C78;font-weight:bold;font-size:120%;display:block;margin-bottom:10px;}
.PracticeList .Table .Row .Title img { float: left; padding: 1px 0px; margin-right: 2px; }
.PracticeList .Table .Buttons {border:0px;}

.LicenceList {}
.LicenceList .Table {width: 580px; }
.LicenceList .Table .Row {padding:3px;margin:3px 10px;border-bottom:1px solid #C5C5C5;}
.LicenceList .Table .Header {font-weight:bold;padding-bottom:10px;display:block;  font-size: 110%; }
.LicenceList .Table .SoftwareGroup {color:#2B2C78;font-weight:bold;font-size:120%;display:block;margin:6px 0px;}
.LicenceList .Table .Row .Column {}
.LicenceList .Table .Row .Column1 {width:250px;}
.LicenceList .Table .Row .Column2 {width:100px; text-align: center; }
.LicenceList .Table .Row .Column3 {width:100px;}
.LicenceList .Table .Row .Column4 {width:100px; text-align: center;}

/* end of the above */

/* 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 */


/* End My Account Styles */

.CheckoutButton2 
{
	float:left; background: url("../images/Layout/GenericButton.gif"); color: #000; 
	font-size: 11px; font-weight: normal;
	width: 70px; height: 18px; padding-top: 3px; text-align: center;
	margin-bottom: 2px; cursor: hand;
	clear: both;
}

.ModalPopup
{ 
	background-color:white;
	border: 1px solid black;
}

.ModalBackground {background-color:Gray; filter:alpha(opacity=70); opacity:0.7; z-index: 9000; }
.ModalStatus { z-index: 9001; background-color: #fff; border: 1px solid #000; }
.ModalStatus .Content { text-align: center; padding: 20px; }
.ModalStatus img { margin-bottom: 5px; }

.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;}


/* Enquiry Form Styles Start */

.EnquiryForm {}
.EnquiryForm .Table .Row {margin-top:3px;}
.EnquiryForm .Table .Row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.EnquiryForm .Table .Row .Column1 {width:150px;}
.EnquiryForm .Table .Row .Column2 {width:150px;}
.EnquiryForm .Table .Row .Column2 input,
	.EnquiryForm .Table .Row .Column2 textarea {width:180px;}
.EnquiryForm .Table .Row .Column2 select {width:186px;}
.EnquiryForm .Table .Buttons {text-align:center; margin-top:10px;}
.EnquiryForm .Table .Buttons .Button {background:url(../images/Layout/GenericButton.gif) no-repeat; width:70px; height:21px; border:0; font-weight:bold;}

/* Enquiry Form Styles End */

/* News Styles Start */

.NewsList:after {content:"."; display:block; height:0; clear:both; visibility:hidden;margin-bottom:20px;}
.NewsList .Item {border-bottom:1px solid #63619C; width:650px; padding:10px 0; position:relative;}
.NewsList .Item:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.NewsList .Item .Date {font-weight:bold; float:left; width:480px;}
.NewsList .Item .Title {float:left; width:480px;font-size:130%;margin-bottom:10px;}
.NewsList .Item .Title a {color:#292C7B; text-decoration:none; font-weight:bold;}
.NewsList .Item .Title a:hover {text-decoration:underline;}
.NewsList .Item .Description {float:left; width:480px;margin-bottom:10px;display:block;}
.NewsList .Item .Image {float:right; width:150px; text-align:center;}
.NewsList .Item .ReadMore {clear:both;}
.NewsList .Item .ReadMore a {color:#292C7B; font-weight:bold;}

.NewsItem				{margin:20px 0px 10px 0px; clear:both;}
.NewsItem .Title		{height:30px;margin-bottom:10px;font-weight:bold;color:#292C7B;font-size:200%;}
.NewsItem .Date			{}
.NewsItem .Description	{}

.LatestNews {color:#7B7B7B;}
.LatestNews .Item {background:url(../images/HomeRedBullet.gif) no-repeat top left;padding:0px 0px 0px 24px;margin-bottom:14px;}
.LatestNews .Item .Date {margin-bottom:4px;color:#2B2C78;font-weight:bold;font-size:120%;}
.LatestNews .Item .Name {color:#7B7B7B;}
.LatestNews .Item .Name a {color:#7B7B7B;}
.LatestNews .Item .Name a:Hover {}

/* News Styles End */

/* Address Select For the Checkout Start */




/* Address Select For the Checkout End */


/* Related Product STart */

.AdditionalStuff {clear:left; float:left; text-align:center; margin-right:30px; width:260px;}
.AdditionalStuff .EmailAFriend {margin-bottom:10px;}

/* Related Products End */


/* Newsletter Signup */
.Newsletter {background-color: #f0f0f0; padding:20px;}
.Newsletter .Row {width: 100%; margin-bottom: 5px; }
.Newsletter .Row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.Newsletter .Column { }
.Newsletter .Row .Column1 { width: 180px; }
.Newsletter .Row Column2 { width: 210px; }
.Newsletter .NewsLetter { width: 370px; font-weight: bold; }

.Newsletter .ColumnFull { width: 100%; text-align:center;}
.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; }
input.SubmitButton {background:url(../images/Layout/Submit.gif) no-repeat; width:70px; height:21px; border:0;}

/* End Newsletter Signup */

/* Tell A Friend Start */

.TellAFriend .Row {margin-bottom:5px;}
.TellAFriend .Row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.TellAFriend .Row .Column1 {width:150px;}
.TellAFriend .Row .Column2 {width:150px;}
.TellAFriend .Row .ColumnFull {text-align:center;}
input.SubmitButton{background:url(../images/Layout/Submit.gif) no-repeat; width:70px; height:21px; border:0;}


/* Tell A Friend End */

.DetailsTable {width:720px;}

.DetailsTable .Initials {width:25px; overflow:hidden;}
.DetailsTable .Name {width:80px;overflow:hidden;}
.DetailsTable .Quantity {width:40px;}
.DetailsTable .Quantity .Input {width:40px;}
.DetailsTable .Size {width:100px;}
.DetailsTable td.PlayerInputName {width:10%;}
.DetailsTable td.PlayerInputInitials {width:25px;}
.DetailsTable td.PlayerInputNumber {width:25px;}
.DetailsTable td.PlayerInput .PlayerInputDIV {}
.DetailsTable td.ItemHeaderItem {width:50px;}
.DetailsTable td.Remove {width:30px;}

.DetailsTable .Header {text-align:center;color:Red; font-weight:bold;font-size:120%;}
.DetailsTable .Price {color:#ffc000; font-weight:bold; font-size:120%; width:30px;}

.AddItemButton {text-align:center;margin:10px;}

.ErrorPage {text-align:center; padding:50px; margin-top:100px;}

/* Category Styles Start */

.CategoryList {clear:both; float: left; width: 670px; }
.CategoryList .Row {clear:both;}
.CategoryList .Row .Item {float:left; display: block; margin: 0; padding: 0; overflow: hidden; background: url("../images/white_box.jpg") no-repeat top left; width: 342px; height: 227px; margin-left: -10px; position: relative; }
.CategoryList .Row .Item .Image { position: absolute; top: 20px; left: 23px; }
.CategoryList .Row .Item .Name { position: absolute; top: 35px; left: 160px; color: #292c8c; font-size: 130%; font-weight: bold; }
.CategoryList .Row .Item .SubCategories { position: absolute; top: 70px; left: 170px; }
.CategoryList .SubCategory { padding-left: 15px; float: left; clear: both; line-height: 18px; background: url("../images/leftnav_redbullet.gif") no-repeat 0 3px; font-size: 100%; font-weight: bold; width: 130px; }
.CategoryList .MoreLink{position:absolute;bottom:20px;right:20px;line-height:18px;font-size:100%;font-weight:bold; /*width: 130px;*/}

/* Category Styles End */

.AccountDetails { float: right; font-size: 100%; margin-bottom: 5px; display: block; }
.AccountDetails .LoggedinAs { float: right; }
.AccountDetails .Text { float: right; display: block; }
.AccountDetails .Logout { float: right; margin-left: 5px; }
.AccountDetails .SelectedPractice {margin-top: 3px; float: right; clear: both; display:block; line-height: 18px; width: 500px; }
.AccountDetails .SelectedPractice select {float: right; margin-left: 5px; font-size:90%;}

.NoModules { display:block; margin: 10px 5px; color: #f00; font-weight: bold; }


.AddressBook .Table {}
.AddressBook .Table .Row {margin-bottom:20px;border-bottom:1px solid #60619A;padding-bottom:20px;}
.AddressBook .Row { float: left; width: 620px; }
.AddressBook .Title{color:#2B2C78;font-weight:bold;font-size:120%;display:block;margin-bottom:10px;}
.AddressBook .Buttons {margin-top: 5px;}
.AddressBook .NoEdit { color: #ff0000; font-weight: bold; }

.AddressBook .Row .Column { float: left; }
.AddressBook .Row .Column1 {width:130px;}
.AddressBook .Row .Column2 {width:210px;}
.AddressBook input { width: 180px; }
.AddressBook select { width: 185px; }

.AddressBook .ButtonSmall { float: left; margin-right: 5px; }

.NoCheckout { float: left; clear: both; color: #ff0000; font-weight: bold; font-size: 120%; margin-bottom: 20px; }

#FullContent > h1 { display: inline; width: auto; float: left; }
.Inline { display: inline; }
.Terms { margin-top: 10px; }
.OrderReference { clear: both; }
.AccountRequested { line-height: 22px; float: left; margin-bottom: 10px; }

.Profile .Table .Row { line-height: 25px; float: left; width: 600px; clear: both; }
.Profile .Table .Column { float: left; display: block; }
.Profile .Table .Column1 { width: 100px; }
.Profile .Table .Column2 { width: 200px; }
.Profile .Table input { width: 200px; }
.Profile .ColumnFull input { width: auto; }
.Profile .Row .Error { float: left; display: block; clear: both; width: 100%; }

.SaveMessage { float: left; clear: both; color: #ff0000; font-weight: bold; margin-bottom: 10px; }