﻿/* GLOBAL STYLES */
body{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; color:#003; background-color:#ecebeb; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px;}
h5{color:#4169E1; font-size:12px}
h6{color:Black; font-size:12px}

/* use the this class for the container that has floating elements inside to avoid browser bugs (clear floating) */
.floatcontainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }   
.floatcontainer {display: inline-block;}  /* for IE/Mac */
.clearfix:after {content: "."; display: block; clear: both;	visibility: hidden;	line-height: 0;	height: 0;} 
.clearfix {	display: inline-block; zoom: 1; /* triggers hasLayout */}
html[xmlns] .clearfix {	display: block;} 
* html .clearfix {	height: 1%;}

/* END OF GLOBAL STYLES */

/* Vertical Bar*/
/* OLD 
ul.MenuBarVertical{margin:0 0 0 0; padding:0 0 0 0; list-style-type:none; font-size:100%; text-align:left; cursor:pointer; width:16em; background-color:#EEE}
li.MenuBarVertical a, li.MenuBarVertical a:visited, li.MenuBarVertical a:active, li.MenuBarVertical a:link{display:block; cursor:pointer; background-color:#EEE; color:#000; padding:0.4em 0.4em; text-decoration:none; font-weight:bold; font-size:12px; margin:0}
li.MenuBarVertical a:Hover{background-color:#C1C1C1; color:#FFF}
li a.MenuBarItemSubmenu, li a.MenuBarItemSubmenu:Visited, li a.MenuBarItemSubmenu:link, li a.MenuBarItemSubmenu:active{display:block; font-size:10px; font-weight:normal; margin:0; padding-left:1em; padding-right:0.4em; padding-top:0.4em; padding-bottom:0.4em; background-color:#EEE; color:#000}
li a.MenuBarItemSubmenu:Hover{background-color:#C1C1C1; color:#FFF}
*/

/* MASTERPAGE */
.page_top_bg{background-image:url('../../Images/Design/Masterpage/bgr-gradient-top.jpg'); background-repeat:repeat-x;}
.page_bottom_bg{background-image:url('../../Images/Design/Masterpage/bgr-gradient-bottom.jpg'); background-repeat:repeat-x; background-position:left bottom;}
.pg_content_top{text-align:left; background-color:#eee; margin-right:0px}
.TopAboveCartText{font-size: 10px; margin-left: 8px; color: #666; font-style: italic;}
.LeftColumnWrapper {width: 225px; padding-right: 5px;}
.ContentWrapper {width: 725px;}

/* FOOTER */
.company_info_footer{background-color:#071724; height: 58px; color: #ffffff; text-align: center;}
.footer{ height: 240px; text-align: center; background-color:#e5e6e6; border: 0px; border-top: 3px solid #c6c6c6; color: #555;}
.footerColumn{ width: 170px; float: left; margin-left: 50px; text-align: left; line-height: 26px;}
.footerColumn a:link, .footerColumn a:active, .footerColumn a:visited { color: #555555; }
.footerColumn a:hover { color: #005bbb; }
.footerCategory{ font-size: 18px; line-height: 40px;}

#pageA{margin-left:auto; margin-right:auto; width:955px; position:relative; top:0px;}
#pageC{position:relative;}
/* a.Welcome, a.Welcome:Hover, a.Welcome:Visited, a.Welcome:active, a.Welcome:link */
.topMenuContainer
{
	background: #f2eeee;
	padding: 0px;		
	float: right;
	margin-left: 5px;	
}
.topMenuContent
{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.CartCheckoutWrapper{ width: 325px; height: 60px; float: right; }
.MicrosoftCertifiedWrapper{ width: 270; height: 60px; float: left; }
.Software4StudentsLogoWrapper{ width: 360px; float: left; }
.Logo{ display: block; width: 360px; height: 87px; background: url('../../Images/Design/Masterpage/Software4Students-logo.jpg'); background-repeat: no-repeat;}
.TopAboveCartTextWrapper{ float: left; }
.FreeDeliveryWrapper{ float: right; padding-right: 15px; }
.NavyBar{ float: right; margin-right: 10px; }
.ShoppingCartButton, a.ShoppingCartButton:link, a.ShoppingCartButton:active, a.ShoppingCartButton:visited
{
	width: 290px;
	height: 47px;
	background-image: url('../../Images/Design/Masterpage/bgr-shopping-cart-button.gif'); background-repeat:no-repeat;
	font-family: 'Trebuchet MS';
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;	
	margin: 0px;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 18px;
	padding-bottom: 10px;
}
/*a.ShoppingCartButton:hover { background-position: 0 -47px; }*/

.MicrosoftCertifiedButton, a.MicrosoftCertifiedButton:link, a.MicrosoftCertifiedButton:active, a.MicrosoftCertifiedButton:visited
{		
	background-image: url('../../Images/Design/Masterpage/Microsoft-Authorized-Education-Reseller.jpg'); background-repeat:no-repeat;	
	background-position: 0 0;			
	width: 270px;
	height: 60px;
	display: block;		
}
/*a.MicrosoftCertifiedButton:hover { background-position: 0 -60px; }*/

.Welcome a, .Welcome a:Hover, .Welcome a:Visited, .Welcome a:active, .Welcome a:link
{
	text-decoration: none;
	color: #071724;
}
/* END OF MASTERPAGE */
.loginRegister
{
	font-size: 14px;
	background-image: url('../../Images/Design/black-bar.gif');
	background-repeat: repeat-x;
	height: 29px;
	color: white;
	text-align: center;
	vertical-align: middle;
	width: 935px;
}

.TopDynamicCategoryDescription
{
	font-size: 11px;
	text-align: left;
	vertical-align: top;
	background-repeat: no-repeat;
}

.BodyCategoryName
{
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-size: 18px;
	color: #5a5a5a;
	font-weight: bold;
	text-transform: uppercase;
}
a.BodyCategoryName:link, a.BodyCategoryName:visited
{
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	color: #06c;
}

.NavCountry
{
	color: #06c;
}

a:link, a:visited, a:hover, a:active
{
	text-decoration: none;
	color: #06c;
}

.BottomCEOText
{
	color: #00F;
}

.BodyProductName, .BodyProductName a
{
	color: #003;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	height: 26px;
}
.BodyProductShordDescription
{
	color: #333;
	font-size: 11px;
	text-align: left;
	vertical-align: top;
	height: 80px;
	font-weight: normal;
}
.ProductPrice
{
	color: #F00;
	font-size: 14px;
	font-weight: bold;
}
.ProductDetailsPrice
{
	color: #F00;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding-left: 16px;
}
.ProductDetailsSave
{
	color: #003;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
.CarouselProductImage
{
	height: 112px;	
}
/* OLD
.page_top_bg{background-image:url('../../Images/Design/BG/Stage_BG_top.png'); background-repeat:repeat-x; padding-top:10px}
#pageA{margin-left:auto; margin-right:auto; width:934px; position:relative; top:0px}
#pageC{position:relative}

.pg_content_top{text-align:left; background-color:#eee; margin-right:0px}
.pg_content_bottom{background-image:url('../../Images/Design/BG/Page_BG_btm.jpg'); background-repeat:no-repeat; background-position:left bottom}
.pg_content_footer{background-image:url('../../Images/Design/BG/Ftr_BG_reflec.jpg'); background-repeat:no-repeat; height:64px; display:block; background-color:#014f7c}

.page_bottom_bg{background-image:url('../../Images/Design/BG/Stage_BG_btm.png'); background-repeat:repeat-x; background-position:left bottom; text-align:center; position:relative}
*/
.BarText, a.BarText, a.BarText:hover, a.BarText:visited, a.BarText:active, a.BarText:link
{
	font-size: 12px;
	font-weight: bold;
	color: white;
}
.BuyNowButton, a.BuyNowButton
{
	color: #003;
}
.BuyNowButtonCatalog, a.BuyNowButtonCatalog
{
	color: #003;
	font-size: 14px;
	font-weight: bold;
}
.BuyNowButtonCatalog, a.BuyNowButtonCatalog:Visited
{
	color: #003;
	font-size: 14px;
	font-weight: bold;
}
a.Welcome, a.Welcome:Hover, a.Welcome:Visited, a.Welcome:active, a.Welcome:link
{
	text-decoration: uderline;
	color: white;
}
.WelcomeLine
{
	font-weight: bold;
	color: white;
	padding-right: 10px;
}
/*OLD
.TopAboveCartText
{
	font-size: 10px;
	margin-left: 8px;
}
*/

.TopDynamicCathegoryText
{
	color: #06C;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}
h1.TopDynamicCathegoryText
{
	color: black;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}
.TopTipsOfDayText
{
	color: #000;
	font-style: italic;
	text-align: left;
}
.BottomCategoryName
{
	color: #FFF;
	background-color: #06C;
	vertical-align: top;
}
#SiteHeader
{
	background-color: #FFF;
}
#MainTable
{
	background: #FFF;
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 723;
	border-spacing: 0px;
}
#BottomLogos
{
	background: #FFF;
}
.NoBorder
{
	border: none;
}
/* OLD
.footer
{
	text-align: center;
}
.FooterTextTitle
{
	color: #333;
	font-weight: bold;
}

.FooterText
{
	font-size: 14px;
	color: #06C;
	font-weight: bold;
}
*/
a.TellAFriend
{
	color: #818383;
	font-size: 10px;
	
}
a.TellAFriend:Hover
{
	text-decoration: underline;
}
.asterix
{
	color: #F00;
	font-weight: bold;
	font-size: 12px;
}

.RegisterPage
{
	border-right: #c7c7c7 1px solid;
	border-top: #c7c7c7 1px solid;
	border-left: #c7c7c7 1px solid;
	border-bottom: #c7c7c7 1px solid;
}
.RegisterPage td
{
	vertical-align: top;
	text-align: left;
}
.RegisterPage h3
{
	margin: 0px;
	padding: 5px;
}

h3.Login
{
	margin: 0px;
	padding: 0px;
}

hr.RegisterPage1
{
	height: 1px;
	color: #c7c7c7;
}
.TableHead
{
	background-color: #6a7d90;
	color: white;
	font-weight: bold;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 1px;
	padding-top: 1px;
	text-align: center;
}

.ValidateText
{
	color: red;
}
.OrderTable
{
	border: #ccc 1px solid;
	background-color: #eee;
	text-align: left;
}
.style90
{
	color: #06C;
	font-weight: bold;
	font-size: 12px;
	font-style: italic;
}

#sitemap ul
{
	list-style-type: none;
}
#sitemap li
{
	list-style-type: none;
	padding: 0.4em 0.4em 0.4em 0.4em;
	display: block;
}
#articleList ol
{
	padding: 0.4em 0.4em 0.4em 0.4em;
	margin: 0;
	display: block;
}
#articleList li
{
	padding: 0.4em 0.4em 0.4em 0.4em;
	display: block;
}
#articleList a:hover
{
	text-decoration: underline;
}
div.dots
{
	background: url('../../Images/Design/dots_h.gif') repeat-x;
	overflow: hidden;
	height: 1px;
	margin-top: 7px;
	margin-bottom: 0px;
	width: 80%;
}
.dots
{
	background: url('../../Images/Design/dots_h.gif') repeat-x;
	overflow: hidden;
	height: 1px;
	margin-top: 14px;
	margin-bottom: 2px;
	width: 95%;
}
li.LicenseRestriction
{
	font-size: 110%;
	padding: 0.4em 0.4em 0.4em 0.4em;
}
.schoolGridMouseOver
{
	background-color: #C1C1C1;
	color: #FFF;
	cursor: pointer;
}

.schoolGridMouseOut
{
	background-color: Transparent;
}

.selectedItem
{
	background-color: #6a7d90;
	color: white;
}
.NoteList
{
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.NoteList li
{
	list-style-type: none;
	margin: 0 0 0 15px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.Note
{
	background-color: #EEE;
	border: #84bde7 1px solid;
	text-align: left;
	margin: 0;
	padding: 0;
}
.ValidationSummary
{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.ValidationSummary li
{
	padding-top: 5px;
}
.fomBtn
{
	color: White;
	cursor: pointer;
}
.ContactUsLarge
{
	font-family: "Agency FB"; /*font-family:Verdana,Arial,Helvetica,sans-serif; */
	font-size: xx-large; /*font-size:13pt; */
	color: #00F;
	font-weight: bold;
}

a.ContactUserLarge, a.ContactUserLarge:Hover, a.ContactUserLarge:Active, a.ContactUserLarge:Visited
{
	color: #00F;
	text-decoration: underline;
}
a.underline, a.underline:Hover, a.underline:Active, a.underline:Visited
{
	color: #06c;
	text-decoration: underline;
	font-weight: bold;
}
.ContactUsRegular
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9pt;
}
.ContactUsRegularSmall
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9pt;
}
.ContactUsRegularSmallBlack
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9pt;
	color: #000;
	font-weight: lighter;
}
.ContactUsRegularSmallBlackBold
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9pt;
	color: #000;
}
#articleList ol
{
	padding: 0.4em 0.4em 0.4em 0.4em;
	margin: 0;
	display: block;
}
#articleList li
{
	padding: 0.4em 0.4em 0.4em 0.4em;
	display: block;
}
#articleList a:hover
{
	text-decoration: underline;
}
.promocol
{
	background-color: #008080;
	width: 100%;
	font-size: 11pt;
	color: #FFF;
}
/* Added for Promote Page */
.proTitle, .proTitleBan, .proTitleXsm
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #1E58F0;
	font-size: 14pt;
	font-weight: bold;
}

.proTitleBan
{
	margin-top: 30px; /*text-decoration:underline; */
}

.proTitleXsm
{
	font-size: 10pt;
}

.box
{
	background: url('../../Images/Design/box.jpg') no-repeat; /* background-color:#F2F5FF; */
	border: solid 1px #CFCFCF;
}

.boxSmall
{
	/*  BACKGROUND:url('../../Images/Design/box2.jpg') no-repeat; */
	margin-top: 10px;
	background-color: #F2F5FF;
	border: solid 1px #CFCFCF;
	width: 350px;
}

.boxText
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	padding: 10px;
	line-height: 1.5em;
}
.banBlock
{
	margin-top: 10px;
}
.codeBlock
{
	margin-top: 5px;
}
a.promote
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 1.5em;
	text-decoration: underline;
}
.sectionBorder
{
	border-bottom: solid 1px gray;
}

.col
{
	padding-bottom: 10px;
}

/* New standard styles */
.LeftColumn
{
	clear: none;
	float: left;
	position: relative;
}

.RightColumn
{
	clear: none;
	float: right;
	position: relative;
}

.OrderSummaryContainer, .StandardContainer, .SmallContainer, .MediumContainer, .LargeContainer /* Use this style for div enclosing the Header and Column (container) */
{
	clear: both;
	border: #E0E0E0 1px solid;
	margin: -1px 0px 0px 92px;
	width: 460px;
	padding-bottom: 20px;
	overflow: auto;
	margin-top: 15px;
	text-align: left;
}

.OrderSummaryContainer
{
	clear: none;
	float: right;
	width: 280px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	margin-right: 40px;
	margin-top: 15px;
}

.SmallContainer
{
	width: 350px;
	margin-bottom: 40px;
}

.MediumContainer
{
	width: 575px;
	margin-bottom: 40px;
}

.LargeContainer
{
	width: 740px;
}

.FullContainer
{
	width: 100%;
	border: #E0E0E0 1px solid;
	margin: 0px 0px 0px 0px;	
	padding: 0px;		
	text-align: left;
}

.StandardBlackHeader, .OrderSummaryBlackHeader
{
	background-color: #1d1d1d;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding-left: 8px;
}

.StandardGreySubheader, .OrderGreySubheader, .AccountSubGreyHeader, .OrderHistorySubHeader
{
	background-color: #DDDFE1;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	height: 28px;
	text-align: left;
}

.OrderHistorySubHeader
{
	height: 40px;
}

.AccountSubGreyHeader
{
	height: 75px;
}

.BodyCategoryNameBlue
{
	font-size: 16px;
	color: #06C;
	font-weight: bold;
	text-align: left;
	padding-top: 15px;
	margin-bottom: 15px;
}

.SubOrderNumberHeader
{
	font-size: 16px;
	text-align: center;
}

.StandardColumn /* All content goes here */
{
	border-right: solid 1px #E0E0E0;
	vertical-align: top;
}

.StandardBlackHeaderText, .StandardGreySubheaderText
{
	padding-top: 6px;
	padding-bottom: 6px;
}

.OrderGreySubheaderText
{
	padding-left: 8px;
	padding-top: 3px;
	font-size: 16px;
	text-align: center;
}

.StandardRow
{
	margin: 10px 65px 15px 65px;
	clear: both;
}

.StandardRowSmallerMargin
{
	margin: 10px 40px 15px 40px;
	clear: both;
}

.LoginRow
{
	margin: 10px 25px 15px 25px;
	clear: both;
}

.DigitalDownloadRow, .DVDProductRow, .OrderRow, .OrderRowAlternate
{
	clear: both;
	margin-bottom: 15px;
}

.OrderRow, .OrderRowAlternate
{
	float: left;
	margin: 0px;
	width: 100%;
	padding: 5px 0px;
}

.OrderRowAlternate
{
	background-color: #f0f0f0;
}

.DVDProductRow, .DVDProductRowTotal, .TotalCostRow, .OrderSummaryTotalRow
{
	border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
}

.DVDProductRowTotal
{
	color: #FFF;
	background-color: #1d1d1d;
	padding: 0px;
}

.OrderSummaryTotalRow
{
	background-color: #c8cbcf;
	color: #000;
	padding: 0px;
	font-weight: bold;
}

.OrderSummaryProductRow
{
	clear: both;
	padding: 10px;
	border-bottom: 1px solid #E0E0E0;
	overflow: auto;
}

.OrderSummaryImage
{
	float: left;
}

.OrdeSummaryProductName
{
	width: 180px;
	float: right;
	text-align: left;
}

.OrdeSummaryPrice
{
	float: right;
	text-align: right;
}

.TotalCostRow
{
	padding: 0px;
}

.CostRow
{
	width: 400px;
	float: right;
	text-align: left;
	padding: 0px;
}

.OrderCostRow
{
	width: 280px;
	float: right;
	text-align: left;
	padding: 0px;
}

.StandardNoteRow
{
	margin: 25px 65px 15px 65px;
}

.ValidationOption
{
	padding-left: 70px;
}

.Breadcrumb
{
	text-align: center;
	padding-top: 25px;
}

.LabelLeft, .DataLeft
{
	float: left;
	text-align: left;
	margin-bottom: 3px;
}

.LabelLeft
{
	clear: left;
	width: 200px;
	margin-left: -25px;
}

.DataLeft
{
}

.clearfix
{
	clear: both;
}

/* Text formatting styles */
.StandardFontSize
{
	font-size: 12px;
}

.SmallFontSize
{
	font-size: 9px;
}
.LargeFontSize
{
	font-size: 20px;
}

.UnderlinedBigBlue
{
	border-bottom: 2px solid #06C;
}

.StandardTextColor
{
	color: #424242;
}

.TextBlue
{
	color: #06C;
}

.TextGrey
{
	color: #595959;
}

.TextLightGrey
{
	color: #A7A7A7;
}

.TextRed
{
	color: #f00;
}

.TextGreen
{
    color: #008000;
}

.TextBold
{
	font-weight: bold;
}

.StandardContainer input, .StandardContainer select, .StandardContainer option
{
	color: #424242;
}

.InputLarge
{
	width: 330px;
}

.InputMedium
{
	width: 280px;
}

.InputMedium200px
{
	width: 200px;
	height: 21px;
}

.SelectLarge
{
	width: 336px;
}

.InputSmall
{
	width: 100px;
}

.SelectSmall
{
	width: 106px;
}

.InputLarge, .InputSmall, .SelectLarge, .SelectSmall, InputMedium
{
	font-size: 14px;
}

.TextUppercase
{
	text-transform: uppercase;
}

.CVVImage
{
	float: right;
	margin-right: 50px;
	margin-top: -46px;
}

.ContinueButton
{
	text-align: right;
	margin-top: 30px;
	margin-right: -30px;
}

.OrderConfirmationButton
{
	text-align: right;
	margin-right: 20px;
}

.SecureCheckoutButton
{
	clear: both;
	text-align: right;
	padding-top: 30px;
}

.ChangePasswordButton
{
	text-align: right;
	margin-right: 175px;
}

.RequiredFieldIndicatorHighlight
{
	color: Red;
}

/* Order Details */
.OrderShippingAddress, .OrderBillingAddress
{
	float: left;
	margin: 10px 0px 15px 40px;
	width: 200px;
	text-align: left;
}

.PrintInvoice
{
	float: right;
	margin-top: 10px;
	margin-right: 20px;
}
.PrintInvoiceButton{padding-top:10px;}
.ProductName, .DownloadLink, .ActivationCode, .MicrosoftAgreementNo, .ProductImage, .ProductDescription, .Price, .Quantity, .SubTotal
{
	float: left;
	text-align: left;
	padding: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.ProductName
{
	width: 200px;
	margin-left: 40px;
}

.DownloadLink
{
	width: 300px;
	margin-left: 30px;
}

.ActivationCode
{
	width: 125px;
	margin-left: 30px;
}

.MicrosoftAgreementNo
{
	width: 175px;
	margin-left: 30px;
}

.ProductImage
{
	width: 50px;
	margin-left: 10px;
}

.ProductDescription
{
	width: 350px;
	margin-left: 30px;
}

.Price
{
	width: 75px;
	margin-left: 30px;
}

.Quantity
{
	width: 75px;
	margin-left: 20px;
	text-align: center;
}

.SubTotal
{
	width: 60px;
	margin-left: 10px;
	text-align: right;
}

.OrderDetailsDownloadIcon
{
	float: left;
	width: 47px;
}

.OrderDetailsDownloadLink
{
	float: left;
	margin-left: 50px;
	margin-top: -47px;
	width: 250px;
}

.CostRowLabel
{
	float: left;
	margin: 5px;
}

.CostRowData
{
	float: right;
	margin: 5px;
}

.ShoppingCartMediaType, .ShoppingCardStudent
{
	margin-top: 10px;
	margin-left: 7px;
}

.ShoppingCartMediaTypeLabel, .ShoppingCardStudentLabel
{
	clear: both;
	float: left;
	width: 100px;
	margin-top: 5px;
}

.ShoppingCartMediaTypeDropDown, .ShoppingCardStudentDropDown
{
	float: left;
	width: 240px;
	text-align: left;
}

.ShoppingCartMediaTypeDropDownLabel
{
	margin-top: 5px;
}
.AccountStudentNo
{
	display: block;
	float: left;
	width: 15px;
	font-size: 25px;
	vertical-align: middle;
	padding-right: 10px;
}

.ui-autocomplete li.ui-menu-item
{
	padding: 1px; /* needed to prevent the item sizes from changing on hover */
	text-align: left;
}

/* Javascript Tooltip */
#tt
{
	position: absolute;
	display: block;
	background: url(images/tt_left.gif) top left no-repeat;
}
#tttop
{
	display: block;
	height: 5px;
	margin-left: 5px;
	background: url(images/tt_top.gif) top right no-repeat;
	overflow: hidden;
}
#ttcont
{
	display: block;
	padding: 2px 12px 3px 7px;
	margin-left: 5px;
	background: #666;
	color: #fff;
}
#ttbot
{
	display: block;
	height: 5px;
	margin-left: 5px;
	background: url(images/tt_bottom.gif) top right no-repeat;
	overflow: hidden;
}

/* MyAccount.aspx */
.AccountInfo, .AccountInfoText
{
	float: left;
	clear: left;
	margin: 15px 0px 0px 92px;
	width: 150px;
}

.AccountInfoText
{
	clear: none;
	margin-left: 50px;
	width: auto;
}

.AccountImage
{
	float: left;
	margin: 20px 40px;
}

.AccountImageLink
{
	text-align: center;
}

/* OrderHistory.aspx */
.OrderNumber, .OrderDate, .OrderTotal, .OrderStatus, .OrderDetails
{
	float: left;
	padding: 0px;
	padding-top: 6px;
	margin-left: 20px;
	text-align: center;
}

.OrderNumber
{
	width: 80px;
}
.OrderDate
{
	width: 180px;
}
.OrderTotal
{
	width: 80px;
}
.OrderStatus
{
	width: 170px;
	text-align: right;
	margin-right: 20px;
	margin-left: 0px;
}
.OrderDetails
{
	width: 100px;
}

.product-image { float: left; width: 192px; height: 242px; padding: 10px; overflow: auto; }
.product-info-container { float: left; margin-left: 10px; margin-top: 20px; width: 495px;}
.product-title { font-size: 18px; }
.product-platform {}
.product-rrp-value { text-decoration: line-through; }
.product-price {}
.product-you-save {}
.product-stock { float: right; margin-right: 80px; }
.product-info { width: 365px; background-color: #efefef; color: #333333; }
.product-in-stock {}
.product-out-of-stock {}
.product-special-offer { margin: 5px 0px; }
.product-special-offer div {float: left; }
.product-special-offer-link { width: 400px; margin-top: 10px; margin-left: 30px; }
.product-add-to-basket { margin: 10px 0px; padding-top: 10px; }
.product-long-description { clear: both; margin-top: 0px; }
.product-rrp, .product-price, .product-you-save { margin: 8px 0px; }
.product-price label { margin-top: 7px; }
.product-rrp label, .product-price label, .product-you-save label { float: left; }
.product-rrp div, .product-price div, .product-you-save div { margin-left: 80px; }
.product-rrp { margin-top: 20px; }
#tabs { margin: 20px; }
.product-social { /*float: right; text-align: right; clear: both; */}
.product-social-button { margin: 3px; float: left; vertical-align: middle; }


/* carousel */
.list_carousel{margin: 0px; padding: 0px; display: block;}
.list_carousel ul{list-style: none; display: block; width: 725px; background-color: #E6E6E6;}
.list_carousel li{text-align: center;border: 0px; padding: 0; margin: 0px; display: block; float: left; width: 241px;}
.prevProduct{margin-right: 0px;}
.nextProduct{margin-right: 10px;}
.caroufredsel{}
#carouselFilter{height: 22px; padding-top: 5px; padding-right: 11px; text-align: right;}
.carouselNavigation{width: 100%; margin: 0px; padding: 0px;  margin-bottom: 8px; text-align: right;}
.FrontPagePriceWrap{float: left; width: 129px; display: block;}
.FrontPagePrice{float: left; display: block; padding-right: 3px;}
.FrontPageNoDecimalPrice{float: left; margin: 0; padding-left: 5px;}
.FrontPageDecimalPrice{clear: none; padding-top: 2px; margin: 0; float: left;}
.FrontPageBlackBar{background-color: #071724; width: 725px; height: 25px;}
.FrontPageBlackBar div {color: White; padding-left: 10px; padding-top: 5px;position:relative; font-weight: bold;}
.CarouselWrap{overflow: auto; background-color: #E6E6E6; width: 725px; padding-bottom: 15px;}
.CarouselItemWrap{height: 314px; margin: 10px; margin-top: 0px; background-color: White;}
.CarouselProductName{height: 42px;}
.CarouselProductName a:hover{text-decoration: underline; color: #06c;}
.CarouselProductPriceWrap{width: 229px;}
.CarouselProductBuyButton{height: 96px; width: 96px; float: left; vertical-align: top; margin-top: -25px;}
.DeliveryNote
{
	font-size: 10px;
	color: Gray;
	float: left;
/*	position: relative; */
	display: block;
	margin-right: -30px;
}
.DeliveryNoteText{float: left; width: 45px;}
.DeliveryNotePlus{float: left; width: 12px; padding-top: 7px;}
.FacebookWrap{padding-top: 5px; padding-bottom: 8px;position:relative;height:80px; width: 723px;}
.FrontPageOfficeBanner{width: 520px; float: left;}
.FrontPageFacebookBox{width: 200px;float: right; position: relative; cursor: pointer; background-color:#0c71b5;}
.FacebookLikersText{float: left; font-family: Verdana; font-size: 8px; font-weight: bold;padding-left: 15px; color: #ffffff; width: 187px; background-color: #0c71b5; height: 20px;}
.FacebookLikersText span{color: #00267b;}

/* COLLAPSIBLE PANEL STYLES */
.collapsibleContainer{border: solid 0px #777;}
.collapsibleContainerTitle{cursor:pointer;}
.collapsibleContainerTitle div{padding-top:5px; padding-left:10px; color: #06C;}
.collapsibleContainerContent{padding: 10px;}
/* END OF COLLAPSIBLE PANEL STYLES */

.HeaderH3{padding-bottom:10px; padding-top:5px;}
.HeaderH5Italics{padding-bottom:10px; padding-top:5px; font-style:italic; font-weight:bold; color:Black;}
.HeaderH4{padding-bottom:10px; padding-top:10px; padding-left:0px;}
.ToC {padding:2px 0px 2px 0px;}
.FAQuestions {padding:10px 20px 0px 20px;}
.PressLinksList {padding:5px 0px 5px 0px;}


/* NIVO SLIDER JQUERY THEME */
/*
 * jQuery Nivo Slider v2.6
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 #slider-wrapper{ position:relative; width: 725px; height: 250px; }
 #slider{ background-repeat: no-repeat; background-position: center; width: 725px; height: 250px;}
 #slider img { position:absolute; top:0px; left:0px; display:none; }
 #slider a { border:0; }
 #preloader {
 background:#eee;
  z-index:51; /* z-index greater than #slider */
 width:725px; height:250px;
}
#preloader img {
 padding:125px 0 0 360px; /* unknown img size, but adjust so centered */
}
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/
.theme-default .nivoSlider {
	position:relative;
	background:#fff url('../../Images/Banner/NivoTheme/loading.gif') no-repeat 50% 50%;
    /*
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a; */
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	position:absolute;
	left:90%;
	bottom:3px;
    margin-left:-40px; /* Tweak this to center bullets */
    z-index: 1000; /* IE7 & compatibility, otherwise bullets disappear under slides and caption */
}
.theme-default .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url('../../Images/Banner/NivoTheme/bullets.png') no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url('../../Images/Banner/NivoTheme/arrows.png') no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;    
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

/* END OF NIVO SLIDER JQUERY THEME */

/* JQUERY POPUP */
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	/* background: #000; */
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	/* opacity: .80; */
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	
}
.popup_content
{
	height: 300px;
	overflow : scroll;
	overflow-x: hidden;
	font-size: 12px;
	z-index: 89999;
	
}

img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

/* END OF JQUERY POPUP */

/* JQUERY MEGA MENU */
/* Page */
body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset{border:0;margin:0;padding:0;}
ul{list-style:none;}
.mega-menu-loading ul ul {display:none} /* This hides submenus while loading, jQuery will remove this style after loading */
.demo-container {padding: 10px 0; width: 190px; float: left;}
.demo-container.right {float: right;}
.demo-container h4 {font-size: 14px; margin: 0 0 5px 0;}
.clear {clear: both;}
/* Vertical Mega Menu Styles */
.mega-menu-container{height: 100%;} /* fix for the menu overlapping images underneath */
.mega-menu{font: bold 13px 'Trebuchet MS', sans-serif; line-height: 13px; background: #064074;border-left: 1px solid #1B1B1B; position: relative; /* Required */}
.mega-menu li a{display: block; color: #fff; padding: 8px 15px 8px 15px;/* text-shadow: 1px 1px 1px #000; */ text-decoration: none; border-top: 0px; border-bottom: 1px solid #042F55; border-right: 1px solid #1B1B1B;}
.mega-menu li a:hover, .mega-menu li.mega-hover a { background: #071724; color: #fff; border-right: 1px solid #4b4b4b; }
.mega-menu li a.dc-mega { position: relative; }
/* Add arrow icon to parent links */
.mega-menu li a .dc-mega-icon { /* display: block; position: absolute; top: 18px; right: 15px; width: 6px; height: 8px;  background: url('../Images/Design/arrow_right.png') no-repeat 0 0; */}
/* Top lever categories (nolink)*/
.mega-menu li p{ display: block; color: #fff; padding: 9px 15px 9px 15px; font-weight: bold; font-size: 14px; text-decoration: none; text-transform: capitalize; border-top: 0px; border-bottom: 0px; border-right: 1px solid #1B1B1B; background: #071724;}
/* Mega menu container */
.mega-menu li .sub-container { position: absolute; /* Required */ background: #071724; padding: 10px 10px 0 10px; border: 1px solid #4b4b4b; border-left: none;}
.mega-menu li .sub-container .sub {}
.mega-menu li .sub .row { width: 100%; overflow: hidden; /* Clear floats */ }
.mega-menu li .sub li { float: none; width: 250px; font-size: 1em; font-weight: normal;}
.mega-menu li .sub li.mega-hdr {float: left; /* Required */ margin: 0 5px 10px 5px;}
.mega-menu li .sub a, .mega-menu.left li .sub a { background: none; border: none; /* text-shadow: none; */float: none; color: #fff; padding: 7px 10px; display: block; text-decoration: none; font-size: 0.9em;}
.mega-menu li .sub li.mega-hdr a.mega-hdr-a { padding: 5px 5px 5px 15px; margin-bottom: 5px; background: #E88221; text-transform: uppercase; font-weight: bold; color: #fff; /* text-shadow: 1px 1px 1px #333; */}
.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover { color: #000; /* text-shadow: none; */}
.mega-menu .sub li.mega-hdr li a { padding: 4px 5px 4px 20px; background: url('../../Images/Design/arrow_white.png') no-repeat 5px 8px; font-weight: normal;}
.mega-menu .sub li.mega-hdr li a:hover{	color: #99CCFF;	background: #005bbb url('../../Images/Design/arrow_on.png') no-repeat 5px 8px;}
.mega-menu .sub ul li { padding-right: 0;}
/* Styling for menu items with only 2 levels */
.mega-menu li .sub-container.non-mega .sub {padding: 10px;}
.mega-menu li .sub-container.non-mega li {padding: 0; margin: 0;width: 150px;}
.mega-menu li .sub-container.non-mega li a {padding: 7px 5px 7px 22px; background: url('../../Images/Design/arrow_white.png') no-repeat 7px 10px;}
.mega-menu li .sub-container.non-mega li a:hover {color: #99ccff; background: #005bbb url('../../Images/Design/arrow_on.png') no-repeat 7px 10px;}
/* END OF JQUERY MEGA MENU */
/* LATEST TWEETS */
#tweets {
	width:400px;
	margin:0px 0px;		
	padding:15px;
	-moz-border-radius: 6px;	
	/* border-radius: 6px; 
	background:#000 url('images/interface_dark.png') repeat;
	-webkit-box-shadow:  1px 1px 1px #0f0f0f;
	-moz-box-shadow: 1px 1px 1px #0f0f0f;
	box-shadow: 1px 1px 1px #0f0f0f; */
}

#tweets li {
	padding: 5px;
	/* color:#FFFFFF; 
	border-bottom:1px solid #000000; */
	border-top:1px solid #AAAAAA;
	line-height:150%;
}

#tweets li.tweet_content_0 {
	border-top:0px none;
}
#tweets li:last-child{
	border-bottom:0px none;	
}

#tweets .hash { color:#FFF; } 
#tweets .reply { color:#FFF; } 
/* 
div.twtr-hd {
display:none;
}
*/
/* overwrite twitter generated styles */
div.twtr-doc 
{
 background: -webkit-gradient(linear, left top, left bottom, from(#2589cc), to(#074A89));   /* webkit browsers like chrome */
 background: -moz-linear-gradient(top,  #2589cc,  #074A89); /* Firefox 3.6+ */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2589cc', endColorstr='#074A89'); /* IE */
}

/* END OF LATEST TWEETS */
/* Image that will show when the user is not logged in to Facebook, otherwise covered by facebook content */
.fb-container-blue { -webkit-border-radius: 5px; border-radius: 5px; padding: 1px; }
.fb-container-white { background: #fff; -webkit-border-radius: 5px; padding: 5px; height: 295px;} 
/* #facepile_container { background:url('../../Images/Banner/NivoTheme/loading.gif')} */
.connect_widget { background-color: #fff; }

.section-title{font-family: 'Trebuchet MS', Verdana, Arial; font-size: 18px; color: #4c4c4c; margin-bottom: 15px; text-transform: uppercase;}
.section-subtitle{font-family: 'Trebuchet MS', Verdana, Arial; font-size: 18px; color: #4c4c4c; padding-bottom: 5px; margin-bottom: 10px; }
.section-subtitle-small{font-family: 'Trebuchet MS', Verdana, Arial; font-size: 13px; color: #4c4c4c; padding-bottom: 5px; margin-bottom: 10px; }
.underline{display: block; border-bottom: 1px solid #ccc;}
.underline-blue{display: block; border-bottom: 1px solid #06c;}
.readmore-link{float: right;}


/* Giftpage Santa */
.giftpage-santa {background: url('../../Images/Articles/giftpage-santa.png'); background-repeat: no-repeat; width: 133px; height: 249px; position: absolute; top: 150px; left: -123px; z-index: 5000;}
.giftpage-santa-link{display: block; width: 130px; height: 200px;}

#uxFAQ h4, #uxRebate h4{ font-weight: normal; font-size: 12px; }
#uxFAQ div, #uxRebate div{ margin-left: 15px;}

/*
 * jQuery UI Accordion 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {  background: #f6f6f6 font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #06c; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background: #d1e4f4; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #06c; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { background: #d1e4f4 font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #06c; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
