* { margin: 0; padding: 0; outline: none; }

body
{
	background: #ABD7FF url('../images/backgrounds/body.png') repeat-x top;
	font-size: 62.5%;
	text-align: center;
}

body, input, textarea, select
{
	font-family: "Arial", sans-serif;
}

.Inner
{
	position: relative;
	width: 940px;
	margin: 0 auto 0 auto;
	text-align: left;
}

.Clear:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.Clear { display: inline-block; }

/* Hides from IE-mac \*/
* html .Clear { height: 1%; }
.Clear { display: block; }
/* End hide from IE-mac */

.Error
{
	color: #CC0000;
}

hr
{
	display: none;
}


/* Header
--------------------------------------------------------------------------------------- */

#Identifier
{
    position: fixed;
    bottom: 0;
    left: 0;
}

#Identifier span
{
    float: left;
    display: inline;
    padding: 3px 6px 3px 6px;
    background: #00284B;
    color: #D5EBFF;
}

#Header
{
	height: 139px;
}

#Header h1
{
	float: left;
	display: inline;
	margin: 13px 0 0 0;
}

#Header h1 a img
{
	border: none;
}

#Header h2
{
	float: right;
	display: inline;
	width: 177px;
	height: 19px;
	margin: 20px 0 0 0;
	background: url('../images/decor/slogan.gif') no-repeat top left;
	text-indent: -9000px;
	overflow: hidden;
}

#Header #Contact-Details
{
	float: right;
	display: inline;
	width: 709px;
	height: 30px;
	margin: 10px 0 0 0;
	background: url('../images/decor/contact-details.png') no-repeat top left;
	text-indent: -9000px;
	overflow: hidden;
}

#Header #Nav
{
	float: left;
	display: inline;
	width: 940px;
}

#Header #Nav ul
{
	float: left;
	display: inline;
	width: 730px;
	margin: 10px 0 0 0;
	list-style: none;
}

#Header #Nav ul li, 
#Header #Nav ul li a
{
	float: left;
	display: inline;
	height: 50px;
	text-indent: -9000px;
	overflow: hidden;
}

#Header #Nav ul li
{
	margin: 0 1px 0 0;
}

#Header #Nav ul li a
{
	background: no-repeat 0 0;
}

#Header #Nav ul li#Nav-Home, 
#Header #Nav ul li#Nav-Home a
{
	width: 71px;
}

#Header #Nav ul li#Nav-Home a
{
	background-image: url('../images/backgrounds/nav/home.png');
}

#Header #Nav ul li#Nav-Products, 
#Header #Nav ul li#Nav-Products a
{
	width: 92px;
}

#Header #Nav ul li#Nav-Products a
{
	background-image: url('../images/backgrounds/nav/products.png');
}

#Header #Nav ul li#Nav-Offers, 
#Header #Nav ul li#Nav-Offers a
{
	width: 122px;
}

#Header #Nav ul li#Nav-Offers a
{
	background-image: url('../images/backgrounds/nav/special-offers.png');
}

#Header #Nav ul li#Nav-About, 
#Header #Nav ul li#Nav-About a
{
	width: 72px;
}

#Header #Nav ul li#Nav-About a
{
	background-image: url('../images/backgrounds/nav/about.png');
}

#Header #Nav ul li#Nav-Contact, 
#Header #Nav ul li#Nav-Contact a
{
	width: 81px;
}

#Header #Nav ul li#Nav-Contact a
{
	background-image: url('../images/backgrounds/nav/contact.png');
}

#Header #Nav ul li#Nav-SalesTeam, 
#Header #Nav ul li#Nav-SalesTeam a
{
	width: 108px;
}

#Header #Nav ul li#Nav-SalesTeam a
{
	background-image: url('../images/backgrounds/nav/sales-team.png');
}

#Header #Nav ul li#Nav-Downloads, 
#Header #Nav ul li#Nav-Downloads a
{
	width: 101px;
}

#Header #Nav ul li#Nav-Downloads a
{
	background-image: url('../images/backgrounds/nav/downloads.png');
}

#Header #Nav ul li#Nav-FAQs, 
#Header #Nav ul li#Nav-FAQs a
{
	width: 68px;
}

#Header #Nav ul li#Nav-FAQs a
{
	background-image: url('../images/backgrounds/nav/faqs.png');
}

#Header #Nav ul li#Nav-Brands, 
#Header #Nav ul li#Nav-Brands a
{
	width: 80px;
}

#Header #Nav ul li#Nav-Brands a
{
	background-image: url('../images/backgrounds/nav/brands.png');
}

#Header #Nav ul li#Nav-Logout, 
#Header #Nav ul li#Nav-Logout a
{
	width: 72px;
}

#Header #Nav ul li#Nav-Logout a
{
	background-image: url('../images/backgrounds/nav/logout.png');
}

#Outer-Header #Header #Nav ul li a:hover
{
	background-position: 0 -50px;
}

#Header #Nav #Trolley
{
	float: right;
	display: inline;
	width: 209px;
	margin: 10px 0 0 0;
	background: url('../images/backgrounds/trolley-contents.png') no-repeat 124px 9px;
}

#Header #Nav #Trolley h3
{
	display: none;
}

#Header #Nav #Trolley a
{
	float: right;
	display: inline;
	width: 190px;
	height: 50px;
	background: url('../images/backgrounds/nav/trolley.png') no-repeat 0 0;
	text-indent: -9000px;
	text-decoration: none;
	overflow: hidden;
}

#Header #Nav #Trolley a:hover
{
	background-position: 0 -50px;
}

#Header #Nav #Trolley small
{
	position: absolute;
	width: 85px;
	top: 110px;
	right: 0;
	font-size: 1.1em;
	color: #AAD7FF;
	text-align: center;
	overflow: visible;
	text-indent: 0;
	cursor: pointer;
}


/* Sidebar
--------------------------------------------------------------------------------------- */

#Content .Sidebar
{
	display: inline;
	width: 189px;
	margin: 23px 0 0 0;
	padding: 0 0 25px 0;
}

#Content #SearchBrowse
{
	float: left;
}

#Content #SalesInfo
{
	float: right;
}

#Content .Sidebar .Panel
{
	margin: 12px 0 0 0;
}

#Content .Sidebar .Panel h3
{
	height: 28px;
	background: no-repeat top left;
	text-indent: -9000px;
	overflow: hidden;
	behavior: url('/styles/iepngfix.htc');
}

#Content .Sidebar .Panel p
{
	margin: 10px 10px 0 10px;
	font-size: 1.1em;
	color: #002C53;
}

#Content .Sidebar .Panel-Content
{
    background: #FFFFFF;
}

/* --------------------------------------------------------------------------- */

#Content .Sidebar .Panel .Panel-Content
{
	border: solid 1px;
}

#Content .Sidebar .Sales .Panel-Content
{
	border-color: #FF1D1D;
}

#Content .Sidebar .Action .Panel-Content
{
	border-color: #ABD7FF;
}

#Content .Sidebar .Info .Panel-Content
{
	border-color: #FFD624;
}

/* ------------------------------------------------------------------------ */

#Content .Sidebar #Panel-Search h3
{
	background-image: url('../images/backgrounds/panels/search.png')
}

#Content .Sidebar #Panel-Offers h3
{
	background-image: url('../images/backgrounds/panels/offers.png')
}

#Content .Sidebar #Panel-Login h3
{
	background-image: url('../images/backgrounds/panels/login.png')
}

#Content .Sidebar #Panel-Browse h3
{
	background-image: url('../images/backgrounds/panels/browse.png')
}

#Content .Sidebar #Panel-BestBuy h3
{
	background-image: url('../images/backgrounds/panels/best-buy.png')
}

#Content .Sidebar #Panel-Distribution h3
{
	background-image: url('../images/backgrounds/panels/distribution.png')
}

#Content .Sidebar #Panel-News h3
{
	background-image: url('../images/backgrounds/panels/news.png')
}

/* ------------------------------------------------------------------------ */

#Content .Sidebar #Panel-Search p
{
	color: #014C91;
}

#Content .Sidebar #Panel-Search .Form
{
	margin: 5px 10px 0 10px;
	padding: 0 0 10px 0;
}

#Content .Sidebar #Panel-Search .Form .Text, 
#Content .Sidebar #Panel-Search .Form select
{
	width: 167px;
	margin: 5px 0 0 0;
	padding: 1px;
	border: solid 1px #004B91;
	font-size: 1.2em;
	color: #002C53;
}

#Content .Sidebar #Panel-Search .Form .Text
{
	width: 163px;
}

#Content .Sidebar #Panel-Search .Form .SearchText
{
    color: #75BDFF;
}

#Content .Sidebar #Panel-Search .Form .Submit
{
    margin: 5px 0 0 0;
    font-size: 1.1em;
    text-align: center;
}

#Content .Sidebar #Panel-Search .Form .Submit a
{
    display: block;
    margin: 0 0 0 110px;
    padding: 5px;
    background: #FF2121;
    color: #FFFFFF;
    text-decoration: none;
}

#Content .Sidebar #Panel-Offers .Panel-Content
{
	padding: 10px 0 10px 0;
}

#Content .Sidebar #Panel-Offers a
{
	display: block;
	padding: 0 0 45px 0;
	background: url('../images/buttons/read-offers.png') no-repeat bottom center;
	text-align: center;
	text-decoration: none;
}

#Content .Sidebar #Panel-Offers a img
{
	border: none;
}

#Content .Sidebar #Panel-Browse ul
{
	margin: 1px;
	list-style: none;
}

#Content .Sidebar #Panel-Browse ul li
{
	display: inline;
	font-size: 1.2em;
	font-weight: bold;
}

#Content .Sidebar #Panel-Browse ul li a
{
	display: block;
	padding: 5px 5px 5px 15px;
	background: #ECF5FF url('../images/icons/categories-collapsed.gif') no-repeat 4px 9px;
	color: #014C91;
	text-decoration: none;
}

#Content .Sidebar #Panel-Browse ul li.selected a
{
	background-image: url('../images/icons/categories-expanded.gif');
}

#Content .Sidebar #Panel-Browse ul li a:hover
{
	color: #013463;
}

#Content .Sidebar #Panel-Browse ul li.Alternate a
{
	background-color: #E0F0FF;
}

#Content .Sidebar #Panel-Browse ul li ul
{
	margin: 0 0 0 15px;
	padding: 3px 0 3px 0;
	background: #FFFFFF;
}

#Content .Sidebar #Panel-Browse ul li ul li
{
	font-size: 0.9em;
	font-weight: normal;
}

#Content .Sidebar #Panel-Browse ul li ul li a, 
#Content .Sidebar #Panel-Browse ul li.selected ul li a
{
	padding: 2px;
	background: none;
}

#Content .Sidebar #Panel-BestBuy .Featured-Product a
{
	display: block;
	text-decoration: none;
}

#Content .Sidebar #Panel-BestBuy .Featured-Product a img
{
	border: none;
}

#Content .Sidebar #Panel-BestBuy .Featured-Product a img.Product
{
	float: left;
	display: inline;
	margin: 10px 10px 20px 12px;
}

#Content .Sidebar #Panel-BestBuy .Featured-Product .Manufacturer
{
	float: left;
	display: inline;
	margin: 10px 0 0 10px;
	width: 168px;
}

#Content .Sidebar #Panel-BestBuy .Featured-Product a strong
{
	position: absolute;
	top: 120px;
	right: 15px;
	width: 75px;
	height: 31px;
	padding: 13px 0 0 0;
	background: url('../images/backgrounds/panel-bestbuy-price.png') no-repeat top center;
	font-size: 1.6em;
	color: #FFFFFF;
	text-align: center;
}

#Content .Sidebar #Panel-BestBuy .Featured-Product a small.Code
{
    display: block;
    margin-right: 10px;
    color: #999999;
    text-align: center;
}

#Content .Sidebar #Panel-BestBuy .Featured-Product a strong.Disabled
{
    background: url('../images/backgrounds/panel-bestbuy-price-login.png') no-repeat top center;
}

#Content .Sidebar #Panel-BestBuy .Featured-Product a strong small
{
	font-size: 0.8em;
}

#Content .Sidebar #Panel-BestBuy em
{
	display: block;
	margin: 10px 0 0 0;
	padding: 3px 5px 5px 5px;
	background: #FF1D1D;
	font-size: 1.1em;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	font-style: normal;
	clear: left;
}

#Content .Sidebar #Panel-Distribution .Panel-Content
{
	padding: 10px 0 10px 0;
	text-align: center;
}

#Content .Sidebar #Panel-Distribution a img
{
	border: none;
}

#Content .Sidebar #Panel-News .Panel-Content
{
	padding: 0 0 10px 0;
}

#Content .Sidebar #Panel-News h4
{
	margin: 0 10px 0 10px;
	font-size: 1.2em;
	font-weight: bold;
}

#Content .Sidebar #Panel-News h4 a
{
    color: #002C53;
    text-decoration: none;
}

#Content .Sidebar #Panel-News p
{
	margin-top: 5px;
}

#Content .Sidebar #Panel-News small
{
	display: block;
	margin: 10px 0 0 10px;
	font-size: 1em;
	color: #42A5FF;
}

#Content .Sidebar #Panel-Login .Error
{
    padding: 5px 10px 0 10px;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}

#Content .Sidebar #Panel-Login table
{
    width: 185px;
}

#Content .Sidebar #Panel-Login .Element
{
    margin: 5px 0 0 10px;
}

#Content .Sidebar #Panel-Login .Element label
{
	display: block;
	padding: 0 0 2px 0;
	font-size: 1.1em;
	color: #014C91;
}

#Content .Sidebar #Panel-Login .Element .Text
{
	width: 161px;
	padding: 1px;
	border: solid 1px #004B91;
	font-size: 1.2em;
	color: #002C53;
}

#Content .Sidebar #Panel-Login .Submit
{
    margin: 5px 10px 0 0;
    padding: 0 0 10px 0;
    font-size: 1.1em;
    text-align: center;
}

#Content .Sidebar #Panel-Login .Submit a
{
    display: block;
    margin: 0 0 0 120px;
    padding: 5px;
    background: #004B91;
    color: #FFFFFF;
    text-decoration: none;
}

#Content .Sidebar #Logout
{
    margin: 20px 0 0 0;
    font-size: 1.1em;
    text-align: center;
}

#Content .Sidebar #Logout a
{
    float: right;
    display: inline;
    padding: 5px;
    background: #004B91;
    color: #FFFFFF;
    text-decoration: none;
}


/* Content
--------------------------------------------------------------------------------------- */

#Outer-Content
{
	background: #FFFFFF url('../images/backgrounds/footer.png') repeat-x bottom;
}

#Inner-Content
{
	background: url('../images/backgrounds/content.png') repeat-x top;
}

#Content #Main
{
	float: left;
	display: inline;
	width: 532px;
	margin: 35px 0 0 15px;
	padding: 0 0 20px 0;
}

#Content #Main .ContentPanel h3
{
    margin: 25px 0 0 15px;
    font-size: 1.2em;
    color: #42A5FF;
}

#Content #Main p
{
    margin: 15px 0 0 15px;
    font-size: 1.2em;
    color: #013768;
}

#Content #Main p a, 
#Content #Main ul.ContentList li a
{
    color: #013768;
}

#Content #Main ul.ContentList
{
    margin: 5px 0 0 25px;
}

#Content #Main ul.ContentList li
{
    margin: 10px 60px 0 20px;
    font-size: 1.2em;
    color: #013768;
}

#Content #Main ul.Reps
{
    margin: 10px 0 0 15px;
    list-style: none;
}

#Content #Main ul.Reps li big
{
    margin: 5px 0 0 0;
    font-size: 1.2em;
    color: #013768;
}

#Content #Main ul.Reps li small
{
    display: block;
    font-size: 1.1em;
    color: #42A5FF;
}

#Content #Main ul.Reps li small a
{
    color: #42A5FF;
}

#Content #Main ul.Reps li big
{
    display: block;
}    

#Content #Main .ContentPanel p
{
    margin: 5px 15px 0 15px;
    padding-bottom: 10px;
}

#Content #Main h2
{
    height: 27px;
    text-indent: -9000px;
	overflow: hidden;
    behavior: url('/styles/iepngfix.htc');
}

#Content #Main #Latest-Products h2
{
	background: url('../images/backgrounds/panels/latest.png') no-repeat top left;
}

#Content #Main #Browse-Products h2
{
	background: url('../images/backgrounds/panels/search-results.png') no-repeat top left;
}

#Content #Main #Special-Offers h2
{
	background: url('../images/backgrounds/panels/special-offers.png') no-repeat top left;
}

#Content #Main #Product-Details h2
{
	background: url('../images/backgrounds/panels/product-details.png') no-repeat top left;
}

#Content #Main #Your-Trolley h2
{
	background: url('../images/backgrounds/panels/your-trolley.png') no-repeat top left;
}

#Content #Main #Order-Processing h2
{
	background: url('../images/backgrounds/panels/order-processing.png') no-repeat top left;
}

#Content #Main #About-Us h2
{
	background: url('../images/backgrounds/panels/about.png') no-repeat top left;
}

#Content #Main #Contact-Us h2
{
	background: url('../images/backgrounds/panels/contact.png') no-repeat top left;
}

#Content #Main #Terms-Conditions h2
{
	background: url('../images/backgrounds/panels/terms-conditions.png') no-repeat top left;
}

#Content #Main #Privacy-Policy h2
{
	background: url('../images/backgrounds/panels/privacy-policy.png') no-repeat top left;
}

#Content #Main #News-Article h2
{
	background: url('../images/backgrounds/panels/news-article.png') no-repeat top left;
}

#Content #Main #Sales-Team h2
{
	background: url('../images/backgrounds/panels/sales-team.png') no-repeat top left;
}

#Content #Main #FAQs h2
{
	background: url('../images/backgrounds/panels/faqs.png') no-repeat top left;
}

#Content #Main #Brands h2
{
	background: url('../images/backgrounds/panels/brands.png') no-repeat top left;
}

#Content #Main #Downloads h2
{
	background: url('../images/backgrounds/panels/downloads.png') no-repeat top left;
}

#Content #Main .ProductsWrapper
{
    float: left;
    display: inline;
    width: 530px;
    padding: 0 0 15px 0;
    border: solid 1px #ABD7FF;
    background: #FFFFFF;
}

#Content #Main .ProductsWrapper .Row
{
    float: left;
    display: inline;
}

#Content #Main table.Products
{
	
}

#Content #Main table.Products td
{
	width: 255px;
	padding: 15px 5px 0 5px;
	border: solid #ABD7FF;
	border-width: 0 1px 0 0;
	vertical-align: top;
}

#Content #Main table.Products td.Product-Order
{
    border: solid #ABD7FF;
	border-width: 0 1px 1px 0;
}

#Content #Main table.Products td.Alternate
{
    border-right: 0;
}

#Content #Main table.Products .Product-Image
{
	float: left;
	display: inline;
	width: 75px;
	margin: 0 10px 0 0;
}

#Content #Main table.Products .Product-Image a img
{
	border: none;
}

#Content #Main table.Products .Product-Info
{
    margin: 0 0 0 85px;
}

#Content #Main table.Products .Product-Name
{
	display: block;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 1.2em;
	color: #013768;
	font-weight: bold;
}

#Content #Main table.Products .Product-Code
{
	display: block;
	margin: 5px 0 0 0;
	font-size: 1em;
	color: #666;
}

#Content #Main table.Products .Product-Description
{
	display: block;
	margin: 10px 0 0 85px;
	font-size: 1.1em;
	color: #014C91;
}

#Content #Main table.Products .Product-Order a
{
	float: right;
	display: inline;
	width: 155px;
	height: 31px;
	margin: 10px 7px 10px 0;
	background: url('../images/buttons/order-now.png') no-repeat 0 0;
	text-align: center;
	text-decoration: none;
}

#Content #Main table.Products .Product-Order a:hover
{
	background-position: 0 -37px;
}

#Content #Main table.Products .Product-Order a.Disabled, 
#Content #Main table.Products .Product-Order a.Disabled:hover
{
    background: url('../images/buttons/log-in.png') no-repeat 0 0;
}

#Content #Main table.Products .Product-Order a strong
{
	display: none;
}

#Content #Main table.Products .Product-Order a .Price
{
	display: block;
	padding: 8px 0 0 93px;
	font-size: 1.3em;
	color: #FFFFFF;
	font-weight: bold;
}

#Content #Main table.Products .Product-Order a .Price small
{
	font-size: 0.9em;
}

#Content #Main table.Products .Product-Order div.Status
{
	float: right;
	display: inline;
	width: 51px;
	height: 31px;
	margin: 10px 5px 0 0;
	background: no-repeat top left;
}

#Content #Main table.Products .Product-Order div.Status span
{
	display: none;
}

#Content #Main table.Products .Product-Order div.Status-InStock
{
	background-image: url('../images/icons/in-stock.png');
}

#Content #Main table.Products .Product-Order div.Status-StockDue
{
	background-image: url('../images/icons/stock-due.png');
}

#Content #Main .ActionButton
{
    margin: 20px 10px 0 10px;
    font-size: 1.1em;
    color: #42A5FF;
    text-align: right;
}

#Content #Main .ActionButton a
{
    font-size: 1.2em;
    color: #013768;
    font-weight: bold;
}


/* Footer
--------------------------------------------------------------------------------------- */

#Outer-Footer
{
	background: url('../images/backgrounds/footer.png') repeat-x top;
}

#Footer
{
	float: left;
	display: inline;
	width: 940px;
	padding: 30px 0 10px 0;
	font-size: 1.1em;
	color: #014C91;
}

#Footer .Links
{
	float: right;
	display: inline;
	padding-bottom: 5px;
}

#Footer .Links a
{
	color: #014C91;
	text-decoration: none;
}

#Footer .Links a:hover
{
	text-decoration: underline;
}