html { width:100%; margin:0px; padding:0px; font-family: "Segoe UI", Calibri, Tahoma, Verdana, Arial; font-size:100%; }
.liveBody { width:100%; margin:0px; padding:0px; font-family: "Segoe UI", Calibri, Tahoma, Verdana, Arial; font-size:12px; background:#ffffff url('Images/back.jpg') top center repeat-y; } /*background:#7E98A5 url(../../Images/bodyBackground.jpg) repeat-x; }*/

.bodyWrapperOut { margin-left:auto; margin-right:auto; width:990px; min-width:990px; max-width:990px; }

.bodyWrapperIn { float:left; background-color:white; padding:0px 4px 4px 4px; font-size:12px; width:970px; border-width:0px 1px 1px 1px; border-style: solid; border-color: #243F59; }

.header, .headerHeadLinks, .headerBody { width:100%; }

.header { float:left; height:100px; background: #24334D url(../../Images/header.jpg) left top no-repeat; }

.headerHomeLink a { display: block; float: left; width: 350px; height: 100px; background-color: transparent; }
.headerHomeLink a:hover { display: block; float: left; width: 350px; height: 100px; background-color: transparent; }
.headerHomeLink a:active { display: block; float: left; width: 350px; height: 100px; background-color: transparent; }
.headerHomeLink a:visited { display: block; float: left; width: 350px; height: 100px; background-color: transparent; }

.headerContact { float:right; margin:5px 5px 0px 0px; text-align:left; color:White; line-height:20px; width:51%; text-align:right; }
.headerContact img { vertical-align:middle; margin-bottom:2px; }
.headerContact a { color:White; text-decoration:none; }
.headerContact a:hover { color:White; text-decoration:underline; }

.headerSearch { float:right; margin:12px 5px 0px 0px; text-align:left; color:White; line-height:20px; width:51%; text-align:right; }
.headerSearch span { font-size:15px; vertical-align:middle; }
.headerSearch img { vertical-align:middle; }
.headerSearch input { vertical-align:middle; }

.headerUserBar { float:right; width:500px; margin-right:10px; }
.headerUserBar > div { margin-left:5px; margin-right:2px; }

.headerMenus { float:left; background: white url(../../Images/menuBack.gif) repeat-x 0 bottom; width:100%; border-top:1px solid white; padding-bottom:5px; }
.headerMenus .left { float:left; }
/*.headerMenus .left a { float:left; height:25px; text-decoration:none; padding:6px 10px; color:White; }
.headerMenus .left a:hover { text-decoration:underline; }
.headerMenus .left .first { margin-left:10px; }
.headerMenus .left .last { border-right:5px solid white; }*/

.headerMenus .right { float:right; }
/*.headerMenus .right a { float:right; height:25px; text-decoration:none; color:White; }
.headerMenus .right a:hover { text-decoration:underline; }
.headerMenus .right .first { margin-right:10px; }
.headerMenus .right .last { border-left:5px solid white; }*/

.headerMenus .rmLink { color:White; font-size:14px; text-decoration:none; }


h2 { padding-left:8px; color:black; font-weight:normal; font-size:14px; }
h2 > span { padding:2px 8px 2px 0px; display:block; text-align:center; vertical-align:middle; }
h2 img { vertical-align:middle; }
h2 a { color:White; text-decoration:none; }
h2 a:hover span { text-decoration:underline; }

h2.blue { background:transparent url('Images/headingBlue.png') top left no-repeat; color:White; }
h2.green { background:transparent url('Images/headingGreen.png') top left no-repeat; color:White; }
h2.orange { background:transparent url('Images/headingOrange.png') top left no-repeat; color:White; }

h2.blue > span { background:transparent url('Images/headingBlue.png') 100% 0 no-repeat; color:White; }
h2.green > span { background:transparent url('Images/headingGreen.png') 100% 0 no-repeat; color:White; }
h2.orange > span { background:transparent url('Images/headingOrange.png') 100% 0 no-repeat; color:White; }



ul.blue, ul.green, ul.orange { border-top:0px; font-size:12px; margin:0px; padding:0px; }
ul.blue li, ul.green li, ul.orange li { list-style-image:none; list-style-position:inherit; list-style-type:none; padding:2px 2px 2px 2px; }

ul.listBlock { border-top:0px; font-size:12px; margin:0px; padding:0px; }
ul.listBlock li { list-style-image:none; list-style-position:inherit; list-style-type:none; padding:2px 2px 2px 2px; }
ul.listBlock li span { display:inline-block; padding-left:16px; background:transparent url(../../Images/categoryItem.gif) no-repeat; }
ul.listBlock li a { color:black; text-decoration:none; }
ul.listBlock li:hover span { text-decoration:underline; background:transparent url(../../Images/categoryItemWhite.gif) no-repeat; }

ul.blue { border:1px solid #456394; border-top:0px; background-color:#F5F8FA; font-size:12px; margin:0px 0px 5px 0px; padding:0px; }
ul.green { border:1px solid #97BD77; border-top:0px; background-color:#E3F1D7; font-size:12px; margin:0px 0px 5px 0px; padding:0px; }
ul.orange { border:1px solid #D78D41; border-top:0px; background-color:#FED5AB; font-size:12px; margin:0px 0px 5px 0px; padding:0px; }

div.blue { border:1px solid #456394; border-top:0px; background-color:#F5F8FA; font-size:12px; margin:0px 0px 5px 0px; padding:0px; }
div.green { border:1px solid #97BD77; border-top:0px; background-color:#E3F1D7; font-size:12px; margin:0px 0px 5px 0px; padding:0px; }
div.orange { border:1px solid #D78D41; border-top:0px; background-color:#FED5AB; font-size:12px; margin:0px 0px 5px 0px; padding:0px; }

ul.blue a, div.blue a,
ul.green a, div.green a,
ul.orange a, div.orange a
{ color:Black; text-decoration:none; }
div.blue a:hover, div.blue a:hover,
div.green a:hover, div.green a:hover,
div.orange a:hover, div.orange a:hover
{ color:Black; text-decoration:underline; }

.bodyContentWrap h1 { font-size:13px; margin:0px; }
.bodyContentWrap h2 { font-size:13px; margin:0px; }
.bodyContentWrap h3 { font-size:12px; margin:0px; }
.bodyContentWrap p { font-size:12px; margin:2px 0px; }

.contentCenter h1 { background:transparent url('../../Images/ProductsHeading.gif') no-repeat; padding-left:30px; vertical-align:middle; line-height:20px; font-weight:normal; margin-bottom:10px; }
.contentCenter h1 a { color:Black; text-decoration:none; }
.contentCenter h1 a:hover { color:Black; text-decoration:underline; }


.column { width:200px; }

/*.bodyContentWrap { margin-left:236px; margin-right:205px; padding-bottom:20px; background-repeat:no-repeat; padding-top:10px; }*/
.bodyContentWrap { float:left; margin-left:0px; margin-right:0px; padding-bottom:20px; background-repeat:no-repeat; width:100%; }
.bodyContentWrapCenterLeft { float:left; width:765px; }



.contentLeft { float:left; margin-left:0px; margin-right:0px; margin-top:6px; padding-bottom:4px; width:200px; }

.contentCenter { float:left; margin-top:6px; width:550px; padding:0px 10px; }
.contentWide  { width:750px !important;}

.contentCenter > div { margin-bottom:10px; width:100%; }
.contentCenter p { margin:0px 0px 10px 0px; }
.contentCenter select, .contentCenter input, .contentCenter textarea { font-size:12px; }

.contentCenter .head { vertical-align:middle; padding:5px 0px; }
.contentCenter .head img { margin:0px 8px 3px 5px; vertical-align:middle; }

.contentCenter .body { text-align:left; }
.contentCenter .body a { color: #496796; text-decoration:none; }
.contentCenter .body a:hover { color: #496796; text-decoration:underline; }

.contentCenter .checkout { text-align:left; }
.contentCenter .checkout a { color: #496796; text-decoration:none; }
.contentCenter .checkout a:hover { color: #496796; text-decoration:underline; }
.contentCenter .checkout > div { float:left; width:100%; }

.contentCenter .newuser { font-size:12px; text-align:left; }
.contentCenter .newuser td { font-size:12px; text-align:left; }
.contentCenter .newuser a { color: #496796; text-decoration:none; }
.contentCenter .newuser a:hover { color: #496796; text-decoration:underline; }
.contentCenter .newuser > div { float:left; width:100%; margin-top:10px; }
.contentCenter .newuser > div > span { float:left; width:180px; display:block; }
.contentCenter .newuser > div > span > span { float:left; margin-right:3px; }
.contentCenter .newuser > div > input { float:left; }
.contentCenter .newuser > div > select { float:left; width:256px; }
.contentCenter .newuser .formControl { width:250px; font-size:12px; }

.contentCenter .search { text-align:center; vertical-align:middle; background:transparent url('Images/searchHeading.png') top no-repeat; color:White; height:28px; margin-bottom:10px; }
.contentCenter .search input { vertical-align:middle; }
.contentCenter .search img { vertical-align:middle; }
.contentCenter .search a { color:White; }
.contentCenter .search a:hover { color:White; text-decoration:underline; } 

.contentCenter table th { text-align:left; }
.contentCenter table th, .contentCenter table td { vertical-align:top; }

/*.contentRight { float:right; margin-top:6px; width:205px; margin-right:-210px; margin-left:-1px; }*/
.contentRight { float:right; margin-top:6px; width:200px; margin-right:0px; margin-left:0px; }

.clear { clear:both; }

.button { background: transparent url('Images/button.png') 0 0 no-repeat; font-size:11px; color:White !important; cursor:pointer;  margin:0px 2px; padding-left:8px; display:inline-block; text-decoration:none !important; }
.button span { background: transparent url('Images/button.png') 100% 0 no-repeat; padding:1px 8px 2px 0; display:inline-block; line-height:19px; }

.button:hover { background: transparent url('Images/button.png') 0 -44px no-repeat; }
.button:hover span { background: transparent url('Images/button.png') 100% -44px no-repeat; }

.button:active { background: transparent url('Images/button.png') 0 -88px no-repeat; }
.button:active span { background: transparent url('Images/button.png') 100% -88px no-repeat; }

.footer { float:left; background: #23334D url(../../Images/footerBack.jpg) top left repeat-x; width:100%; padding:5px 0px; font-size:11px; margin-top:30px; color:White; }
.footer p { margin:2px 0px; }
.footer a { text-decoration:none; color:White; }
.footer a:hover { text-decoration:underline; }
.footer .left { float:left; margin-left:8px; }
.footer .right { float:right; margin-right:8px; }

.footer ul { list-style:none; float:right; margin:7px 0px; padding:0px; }
.footer ul li { float:left; margin:0px; padding:2px 0px 2px 5px; margin-left:5px; border-left:1px solid white; }
.footer li.first { border-left:0px; }
.footer li.last { }


.roundLeft { display:inline-block; float:left; width:5px; height:5px; background:transparent url(../../Images/RoundLeft.gif) top left no-repeat; }
.roundLeft img { margin-top:23px; }
.roundRight { display:inline-block; float:right; width:5px; height:5px; background:transparent url(../../Images/RoundRight.gif) top left no-repeat; }
.roundRight img { margin-top:23px; }

.searchHeading { float:left; width:230px; padding:0px 0px; color:White; text-align:center; background:#496796 url(../../Images/SectionHeading.jpg) top repeat-x; }
.searchBody { float:left; width:228px; border:1px solid #456394; background-color:White; padding:10px 0px; }
.searchTextBox { font-family: Calibri, Tahoma, Verdana, Arial; font-size:13px; vertical-align:middle; margin-left:5px; width:180px; }
.searchImage { background-color:Transparent; vertical-align:middle; margin-left:5px; }
.searchFooter { display:none; }

ul.categoriesBody { width:234px; border:1px solid #456394; border-top:0px; background-color:#F5F8FA; margin:0px; padding:0px; }
ul.categoriesBody li { width:230px; list-style-image:none; list-style-position:inherit; list-style-type:none; padding:2px 2px 2px 2px; }
ul.categoriesBody li span { display:block; width:210px; padding-left:16px; background:transparent url(../../Images/categoryItem.gif) no-repeat; }
ul.categoriesBody li:hover { background:#F5F8FA; color:White; } /* url(../../Images/categoryBackground.jpg) repeat-x */
ul.categoriesBody li:hover a { color:black; }

ul.categoriesBody a { text-decoration:none; color:Black; }
ul.categoriesBody a:hover { text-decoration:underline; }

.secureHeading { float:left; width:230px; background:#496796 url(../../Images/SectionHeading.jpg) top repeat-x; margin-top:10px; padding:0px 0px; color:White; text-align:center; }
.secureBody { float:left; width:228px; border:1px solid #456394; padding:10px 0px; background-color:#F5F8FA; }
.secureBody img { float:left; margin:0px 15px 0px 14px; }
.secureBody .cards { float:left; margin:20px 0px 10px 48px; }
.secureFooter { display:none; }



.basketHeading { float:right; width:200px; background:#496796 url(../../Images/SectionHeading.jpg) top repeat-x; padding:0px 0px; color:White; text-align:center; }
.basketBody { float:right; width:198px; border:1px solid #456394; padding:2px 0px; background-color:#F5F8FA; font-size:11px; }
.basketBody > div { float:left; width:190px; margin-left:4px; }
.basketBody > div > div { float:left; }
.basketBody a { text-decoration:none; color:Black; }
.basketBody a:hover { text-decoration:underline; color:Black; }
.basketFooter { display:none; }

.shoppingBasket { width:100%; }
.shoppingBasket th, .shoppingBasket td { vertical-align:top; }
.shoppingBasket tbody td { border-top:1px solid #cccccc; padding:2px; }


.basketDescription { float:left; width:140px; text-align:left; font-size:12px; }
.basketQuantity { float:left; width:20px; text-align:center; font-size:12px; }
.basketCost { float:left; width:30px; text-align:right; font-size:12px; }

.basketTotalUpdate { float:left; width:120px; text-align:left; }
.basketTotalLabel { float:left; width:140px; text-align:right; }
.basketTotalValue { float:right; width:50px; text-align:right; margin-right:4px; }

.recentlyVisitedHeading { float:right; width:200px; background:#496796 url(../../Images/SectionHeading.jpg) top repeat-x; padding:0px 0px; color:White; text-align:center; margin-top:10px; }
.recentlyVisitedBody { float:right; width:198px; border:1px solid #456394; padding:2px 0px; background-color:#F5F8FA; font-size:11px; }
.recentlyVisitedBody div { float:left; width:190px; margin-left:4px; padding:5px 0px; }
.recentlyVisitedBody div > img { float:left; margin:2px 4px 4px 2px; border:1px solid #dddddd; }
.recentlyVisitedBody a { text-decoration:none; color:Black; }
.recentlyVisitedBody a:hover span { text-decoration:underline; color:Black; }
.recentlyVisitedBody .seperator hr { height:1px; background-color:Black; }
.recentlyVisitedFooter { display:none; }

.productListWrapper { margin-right:0px; margin-bottom:10px; width:100%; margin-top:5px; }
.productListSeparator { float:left; width:525px; margin-bottom:10px; border-top:1px solid #cccccc; }

.productListDetails { float:left; width:399px; margin-bottom:8px; }
.productListDetails a { color: #24334D; text-decoration:none; }
.productListDetails a:hover { color: #24334D; text-decoration:underline; }
.productListDetails .image { float:left; text-align:center; margin:0px 10px 10px 0px; }

.productListPrices { float:right; width:125px; margin-right:0px; text-align:right; font-size:60%; }
.productListPrices .head { color:#24334D; font-weight:bold; }
.productListPrices .packSize { font-size:13px; }
.productListPrices span { float:left; width:125px; text-align:right; }
.productListPrices span > table { float:right; }
.productListPrices > div { float:left; width:125px; text-align:right; margin-top:2px; }
.productListPrices > div > div { float:right; }
.productListPrices > div > table { float:right; }
.productListPrices input {  }
.productListPrices .buttonWrapper { margin-top:10px; }


.productDetails { font-size:12px; color: #24334D; }
.productImage { float:left; max-width:160px; text-align:center; margin:0px 20px 20px 0px; }


.productDetailsWrapper { margin-right:0px; margin-bottom:10px; width:525px; }
.productDetailsSeparator { width:525px; float:left; margin-bottom:10px; border-top:1px solid #cccccc; }

.productDetailsDetails { float:left; width:374px; margin-right:0px; margin-bottom:8px; }
.productDetailsDetails a { color: #24334D; text-decoration:none; }
.productDetailsDetails a:hover { color: #24334D; text-decoration:underline; }


.productDetailsPrices { float:right; width:150px; margin-right:0px; text-align:right; }
.productDetailsPrices .head { color:#24334D; font-weight:bold; }
.productDetailsPrices span { float:left; width:150px; text-align:right; }
.productDetailsPrices span > table { float:right; }
.productDetailsPrices > div { float:left; width:150px; text-align:right; margin-top:2px; }
.productDetailsPrices > div > div { float:right; }
.productDetailsPrices > div > table { float:right; }
.productDetailsPrices input {  }
.productDetailsPrices .buttonWrapper { margin-top:10px; }


.fullBasketHeading { font-size:12px; width:100%; }
.fullBasketBody { font-size:12px; width:100%; }
.fullBasketFooter { font-size:12px; width:100%; text-align:right; }

.basketLargeTotalValue { display:inline-block; width:50px; margin-top:5px; margin-right:9px; }
.basketLargeTotalLabel { display:inline-block; margin-top:5px; }



.categoryBlock { float:left; width:170px; text-align:center; margin:0px 6px 6px 6px; }

.categoryBlockHead { float:left; background-position:center center; display:inline-block; height:8px; width:160px; background:url(../../Images/CategoryHeader.gif) no-repeat; }
.categoryBlockFoot { float:left; background-position:center center; display:inline-block; height:8px; width:160px; background:url(../../Images/CategoryFooter.gif) no-repeat; }

.categoryBlockImage { float:left; width:150px; margin:0px 10px; padding:2px 0px; background-color:White; text-align:center; }
.categoryBlockImage img { max-width:140px; max-height:105px; border:2px solid #cccccc !important; }

.categoryBlockText { float:left; color:black; margin:0px 10px; width:150px; padding:3px 0px; text-align:center; font-size:12px; }
.categoryBlockText a { color:black; text-decoration:none; }
.categoryBlockText a:hover { color:black; text-decoration:underline; }



.productBlock { float:left; width:170px; text-align:center; margin:0px 6px 6px 6px; font-size:11px; }
.productBlock div.image { float:left; width:150px; height:105px; margin:0px 10px; padding:2px 0px; background-color:White; text-align:center; }
.productBlock div.image img { max-width:140px; max-height:105px; border:2px solid #cccccc !important; }
.productBlock div.image a { color:Black; text-decoration:none; }
.productBlock div.image a:hover span { text-decoration:underline; }

.productText { float:left; color:black; margin:0px 10px; width:150px; padding:3px 0px; text-align:center; font-size:12px; }
.productText a { color:black; text-decoration:none; }
.productText a:hover { color:black; text-decoration:underline; }

.productOptions { float:left; color:black; margin:0px 10px; width:150px; padding:3px 0px; text-align:center; font-size:11px; }



.loginBody { }

.loginBodyItem { float:left; width:100%; text-align:left; margin-top:6px; }
.loginBodyItem hr { float:left; width: 480px; color:#cccccc; height:1px; }
.loginBodyItemLabel { float:left; width:170px; }
.loginBodyItemControl { float:left; width:310px; }

.infoHeading { float:right; width:200px; padding:0px 0px; color:White; text-align:center; background:#496796 url(../../Images/SectionHeading.jpg) top repeat-x; }
.infoBody { float:right; width:200px; border:1px solid #456394; background-color:White; }
.infoBody div { float:left; margin:10px 5px; }

.validationBlock { color:red; font-size:11px; }


.basketFullDetail { float:left; width:478px; padding:5px 4px; background-color:White; border-left:1px solid #9FB1C3; border-right:1px solid #9FB1C3; text-align:left; margin-top:0px !important; font-size:11px; }
.basketFullDetail > div { float:left; width:478px; padding:3px 0px; }
.basketFullDetail a { text-decoration:none; color:Black; }
.basketFullDetail a:hover { text-decoration:underline; color:Black; }
.basketFullDetail .heading { text-decoration:underline; }

.basketDetailDescription { width:270px; text-align:left; display:inline-block; }
.basketDetailValues { width:270px; text-align:right; display:inline-block; }
.basketDetailValues > div { float:right; }
.basketDetailValues td { font-size:12px; }

.basketDetailValues .costDescBox { width:60px; text-align:center; margin-top:4px; }
.basketDetailValues .quantityBox { width:30px; text-align:center; margin-top:4px; }
.basketDetailValues .linePriceBox { width:60px; text-align:right; margin-top:4px; }
.basketDetailValues .totalPriceBox { width:60px; text-align:right; margin-top:4px; }
.basketDetailValues .deleteBox { width:30px; text-align:center; text-decoration:none !important; margin-top:4px; }


.rotatorWrapper { float:left; width:100%; margin-top:15px; }

.bestSellingThree { float:left; width:100%; text-align:center; }
.bestSellingThree .rotator { width:470px; margin-left:auto; margin-right:auto; }

.newProductsThree { float:left; width:100%; text-align:center; }
.newProductsThree .rotator { width:470px; margin-left:auto; margin-right:auto; }

.bestSellingHeading { float:left; width:470px; background:#496796 url(../../Images/SectionHeading.jpg) top repeat-x; padding:0px 0px 3px 0px; color:White; text-align:center; }

.newProductsHeading { float:left; width:470px; background:#496796 url(../../Images/SectionHeading.jpg) top repeat-x; padding:0px 0px 3px 0px; color:White; text-align:center; }
.productsRotator { float:left; width:468px; background:white; border:1px solid #496796; }
.productsRotator .rrClipRegion { height:209px !important; }
.newProductsFooter { float:left; width:100%; text-align:center; background:white; padding:4px 0px 10px 0px; }
.newProductsFooter a { color:Black; text-decoration:none; font-size:100%; }
.newProductsFooter a:hover { color:Black; text-decoration:underline; }

.slideItem { width:100%; text-align:center; }
.slideItem .image { width: 100%; height:165px; background-color:#F5F8FA; }
.slideItem .image img { max-width:220px; max-height:165px; border:2px solid #cccccc !important; }
.slideItem .footer { color:black; width:100%; height:31px; margin-top:0px; padding:5px; font-size:11px; text-align:left; background-color:#F5F8FA; }
.slideItem .footer a { color:black; text-decoration:none; }
.slideItem .footer a:hover { color:black; text-decoration:underline; }

.homeSeperator { float:left; width:100%; height:6px; background: white url(../../Images/seperator.gif) repeat-x top left; padding-bottom:20px; margin-top:5px; }

.rssFeed {}
.rssFeed span.name { display: block; vertical-align:middle; }
.rssFeed span.name img { vertical-align:middle; }
.rssFeed span.name span { vertical-align:middle; }
.rssFeed span.title { display:inline-block; float:left; font-weight:bold; }
.rssFeed span.pubDate { display:inline-block; float:right; }
.rssFeed span.pubDate img { vertical-align:middle; margin-right:2px; }
.rssFeed span.pubDate span { vertical-align:middle; }
.rssFeed span.description { display:block; margin-top:5px; }
.rssFeed span.link { display:block; margin-top:5px; }
.rssFeed span.link img { vertical-align:middle; }
.rssFeed span.link span { vertical-align:middle; }
.rssFeed span.link a { text-decoration:none; vertical-align:middle; }
.rssFeed span.link a:hover span { text-decoration:underline; }

.rssFeed li { border-bottom:1px solid #dddddd; padding-bottom:10px !important; }
.rssFeed li.last { border-bottom:0px !important; padding-bottom:2px !important; }

.note { background:transparent; }

.news { background:transparent; }

.rssFeed { background:transparent; }