<!--

.nothing {}

body {margin:0; padding:0; background:#fff url(../img/newDesign/bg_left.jpg) 0 0 repeat-x; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#555555;}
body#printReciept { background:none;}
td {vertical-align:top; text-align:left; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#555555;}
form { display:inline;}
input {border:1px solid #888; padding:1px; font-size:11px;}
textarea {border:1px solid #888; padding:1px; font-size:11px;}
.clearFloats { clear:both;}
img {border:0;}
form p{margin:0; padding:0;}

#bgWrap {background:url(../img/newDesign/bg_right.jpg) top right no-repeat;}
#container {width:980px; padding:0; background:none; text-align: left; margin: 0 auto; z-index: 1;}
#content {float:left; line-height: 1.5em; padding: 20px 0 40px 20px; width: 710px;} 

/* ------- LINK SETTINGS -------------- */
a {color:#f3983e; font-weight:bold; text-decoration:none;}
a:hover {color:#555; text-decoration:underline;}

/* ------- GENERAL FONT SETTINGS -------------- */
h2 {margin:0 0 12px; 0; color:#46626B; font-size:18px; padding:0;}
h2 span {display:none;}
h3 {margin:20px 0 6px; font-size:13px; background:#E5E8E9; color:#46626B; padding:4px 8px; display:block;}
#content h3 {font-size:12px; background:url(../img/newDesign/h3BG.jpg) 0 0 no-repeat; color:#46626B; padding:10px 12px 15px;  margin:15px -5px 0; text-transform:uppercase; clear:both;}
h4 {margin:16px 0 2px 0; color:#333; font-size:11px; padding:0;}
#content ul br {display:none;} /* fix eCart inserting line breaks in code */
#content li {list-style-image: url(../img/header/bullet.gif);}
.bodyTextError {color:#FF0000}
.bodyTextSmall {font-size:10px}
.bodyTextWhite {font-weight:bold; color:#FFFFFF}

.smallText {font-size:10px; color:#333333}
.voucherHeading {font-size:16px; font-weight:bold; color:#666666;}


/* ------- CUSTOM HOME SETTINGS -------------- */
.homeCategories {}
.homeCategories .category {padding:3px 0px 8px 0px; float:left; width:340px; height:75px; overflow:hidden; margin-left:10px;}
.homeCategories .icon {padding-right:4px; float:left;}
.homeCategories .catCopy { float:left; width:280px;}
.homeCategories .category h4 {margin:0; padding:0;}
.category h4 a {font-size:12px; color:#f3983e; text-decoration:none;}
.category h4 a:hover { text-decoration:underline;}
.category p {margin:0; padding:0; font-size:10px; line-height:13px;}

#features {background-image:url(../img/homepage/feature_bg.gif); background-repeat:repeat-y; }
#features h4{width:286px; background-image:url(../img/homepage/feature_title_bg.gif); background-repeat:no-repeat;  padding:10px 12px; font-size:11px; margin:0; color:#46626B;}
#features ul{width:270px; padding:1px 12px; margin:0px;}
#features li{list-style-image:url(../img/homepage/bullet.gif); font-size:10px; color:#46626B; border-top:1px solid #ccc;padding:2px; list-style-position: inside;}
#features li.top{border-top:0px}
#features li a{color:#46626B; text-decoration:none;}
#features li a:hover{color:#f3983e; text-decoration:none;}

.featureEnd{width:300px; height:10px; background-image:url(../img/homepage/feature_bot.gif); background-repeat:no-repeat; margin:0;}

#eclub {float:left; background-image:url(../img/homepage/feature_bg.gif); background-repeat:repeat-y; }
#eclub h4 {margin:0; width:258px; background-image:url(../img/homepage/feature_title_bg.gif); background-repeat:no-repeat; padding:10px 12px; font-size:11px; color:#46626B;}
#eclub form {padding:0 20px;}
.newsletter p {margin:0; padding:0;}
#eclub input {float:left; border:1px solid #888; margin:4px; padding:1px; font-size:10px; color:#555;}
#eclub .newsletter{float:left; width:258px; background:url(../img/homepage/feature_bot2.gif) bottom left no-repeat; padding:0 12px 15px}
#eclub .newsletter .newsSurname, #eclub .newsletter .newsFirst {width:115px}
#eclub .newsletter .newsEmail {width:170px;}
#eclub .newsletter .newsGo {border:0; margin:0 2px;}

#disasterInfo {margin:0; padding:15px 6px 6px 12px; width:268px;}
#disasterInfo h4{margin:0; padding: 0px}
#disasterInfo h4 a {font-size:12px; color:#f3983e; text-decoration:none;}
#disasterInfo h4 a:hover { text-decoration:underline;}
#disasterInfo .link a {font-size:11px; color:#46626B; text-decoration:none; padding:2px 6px; background-image:url(../img/homepage/bullet.gif); background-repeat:no-repeat; background-position:center left; border-bottom:1px solid #ccc; display:block;}
#disasterInfo .link a:hover {color:#f3983e; text-decoration:none;}

#homeCopy { clear:both;}
#homeCopy a {color:#333; font-weight:bold;}
#homeCopy p { margin:0.5em 10px 1.5em 10px;}


/*-- Home Hero Panel--*/

#homeHero{width:720px; height:258px; background:url(../img/newDesign/homepage/hero_bg.jpg) 0 0 no-repeat; margin:-5px -5px 0 -5px;}
#homeHero ul.ui-tabs-nav{ list-style:none; padding:0; margin:9px 9px 0 0; width:210px; float:right;}
#homeHero ul.ui-tabs-nav li{padding:0; margin:0; list-style-image:none;}
#homeHero ul.ui-tabs-nav li img{float:left; margin:2px 5px; padding:2px;}
#homeHero ul.ui-tabs-nav li span{ display:none;}
#homeHero li.ui-tabs-nav-item a{display:block; height:60px;}
#homeHero li#nav-fragment-1 a{ background:url(../img/newDesign/homepage/hero_tab1.jpg) 0 0 no-repeat;}
#homeHero li#nav-fragment-2 a{ background:url(../img/newDesign/homepage/hero_tab2.jpg) 0 0 no-repeat;}
#homeHero li#nav-fragment-3 a{ background:url(../img/newDesign/homepage/hero_tab3.jpg) 0 0 no-repeat;}
#homeHero li#nav-fragment-4 a{ background:url(../img/newDesign/homepage/hero_tab4.jpg) 0 0 no-repeat;}
#homeHero li.ui-tabs-nav-item a:hover{ background-position:-210px 0 !important; }
#homeHero li.ui-tabs-selected a, #homeHero li.ui-tabs-selected a:hover {background-position:-420px 0 !important;}
#homeHero ul.ui-tabs-nav li.ui-tabs-selected a{background:#ccc;}


#homeHero .ui-tabs-panel{width:489px; height:250px; float:left; margin:9px 0 0 9px; display:inline;}
#homeHero #fragment-1{ background:url(../img/newDesign/homepage/hero_pic1.jpg) 0 0 no-repeat;}
#homeHero #fragment-2{ background:url(../img/newDesign/homepage/hero_pic2.jpg) 0 0 no-repeat;}
#homeHero #fragment-3{ background:url(../img/newDesign/homepage/hero_pic3.jpg) 0 0 no-repeat;}
#homeHero #fragment-4{ background:url(../img/newDesign/homepage/hero_pic4.jpg) 0 0 no-repeat;}

#homeHero #fragment-1 .info p {width:230px; height:80px; margin-top:63px; margin-left:15px;}
#homeHero #fragment-2 .info p {width:230px; height:80px; margin-top:123px; margin-left:15px;}
#homeHero #fragment-3 .info p {width:234px; height:80px; margin-top:63px; margin-left:240px; text-align:right;}
#homeHero #fragment-4 .info p {width:234px; height:80px; margin-top:123px; margin-left:240px; text-align:right;}

#homeHero .info h2{ display: none;}
#homeHero .info p{margin:0px; font-size:100%; line-height:1.2em;}
#homeHero .info a{text-decoration:none;}
#homeHero .info a.more { display:block; width:150px; height:30px; margin-left:10px;}
#homeHero .info a.more span { display:none;}
#homeHero #fragment-3 .info a.more, #homeHero #fragment-4 .info a.more {margin-left:330px;}
#homeHero .ui-tabs-hide{display:none;}


/*--  home Scroller --*/

.topSellers  { clear:both; width:720px; margin:10px -5px 0 -5px;}
#content .topSellers h3 { background:url(../img/newDesign/homepage/topSellers_HeaderBG.jpg) 0 0 no-repeat; width:700px; margin-left:0; padding:10px 0 0 20px; height:24px; line-height:20px; text-transform:uppercase; margin:0;}

.topSellers .jcarousel-container {background: url(../img/newDesign/homepage/topSellers_BG.jpg) 0 0 no-repeat; width:720px;}
.topSellers .jcarousel-clip {overflow: hidden; width:720px; height:110px;}
.topSellers .jcarousel-item {width:215px; padding:10px 10px 0 15px; height:100px; margin-left: 0; background: url(../img/newDesign/homepage/topSeller_BG.jpg) 0 bottom no-repeat;}

.topSellers .jcarousel-next-horizontal {position: absolute; top:35px; right: -10px; width: 31px; height: 29px; cursor: pointer; background: url(../img/newDesign/homepage/topSellers_arrowRight.gif) no-repeat 0 0;}
.topSellers .jcarousel-next-horizontal:hover, .topSellers .jcarousel-next-horizontal:focus {background-position: 0 -29px;}
.topSellers .jcarousel-next-disabled-horizontal, .topSellers .jcarousel-next-disabled-horizontal:hover {cursor: default; background-position: 0 -58px;}
.topSellers .jcarousel-prev-horizontal {position: absolute; top:35px; left: -10px; width: 31px; height: 29px; cursor: pointer; background: url(../img/newDesign/homepage/topSellers_arrowLeft.gif) no-repeat 0 0;}
.topSellers .jcarousel-prev-horizontal:hover {background-position: 0 -29px;}
.topSellers .jcarousel-prev-disabled-horizontal, .topSellers .jcarousel-prev-disabled-horizontal:hover {cursor: default; background-position: 0 -58px;}

.topSellers .jcarousel-item img { float:left; max-width:80px; max-height:80px; }
.topSellers .jcarousel-item .rightCopy { float:left; width:120px; height:60px; padding-left:10px;}
.topSellers .jcarousel-item .copy {height:60px;}
.topSellers .jcarousel-item p { margin:0; padding:0; line-height:1.2em; }
.topSellers .jcarousel-item span.title { color:#435a61; font-weight:bold; margin-bottom:2px;}
.topSellers .jcarousel-item span.price { padding-top:2despx;}
.topSellers .jcarousel-item a.more { background:url(../img/newDesign/homepage/topSellers_viewBut.gif) 0 0 no-repeat; width:75px; height:23px; display:block; float:left;}
.topSellers .jcarousel-item a.more span { display:none;}

/*---------- Contact Form Styles ----------*/
.contactForm {border:1px solid #ccc; padding:3px; width:420px;}
.contactForm .r1{background:#efefef;}
.contactForm .r2{background:#fff;}
.contactForm .r3{background:#ccc;}

/* ------- PRODUCT LIST (Category & Search result pages) -------------- */
.productListHeader {font-size:12px; font-weight:bold; color:#46626B}
.productListDescription {font-size:11px; color:#333333}
.productListPrice {font-size:11px; font-weight:bold; color:#46626B}
.productListRRP {font-size:10px; font-weight:bold; color:#FF0000}
.productListOutOfStock {font-size:10px; color:#333333}
.productListDateAvailable {font-size:9px; color:#46626B}
.productListPreOrder {font-size:10px; font-weight:bold; color:#333333}

A.productListMoreInfo:link {font-size:11px; text-decoration:none; color:#f3983e}
A.productListMoreInfo:visited {font-size:11px; text-decoration:none; color:#f3983e}
.categoryRow h4 {display:none;}
.catImage {margin:-6px -6px 6px -6px;}

.Pagination {float:left; padding:4px; margin:20px 0 10px 0; background:#E5E8E9; width:95%;}

/* ------- PRODUCT PAGE -------------- */
#productDetail h2 {margin:-4px 0 0 -6px; color:#46626B; display:block; font-size:14px; background-image: url(../img/header/heading_bg.jpg); background-repeat: no-repeat; background-position: left top; padding: 9px 18px 12px 18px;}
.productText {font-size:11px; color:#666666;}
.productTextBold {font-size:11px; color:#000; font-weight:bold}
.productDescription {font-size:11px; color:#333333}
.productListDescription {font-size:10px; color:#666; line-height:13px;}
.productPrice {font-size:10px; font-weight:bold; color:#333333}
.productRRP {font-size:10px; font-weight:bold; color:#FF0000}
.productOutOfStock {font-size:10px; color:#333333}
.productDateAvailable {font-size:11px; color:#46626B}
.productPreOrder {font-size:10px; font-weight:bold; color:#333333}
.productInfoTable {background-color:#CCCCCC}
.productInfoTableRow1 {background-color:#F3F2F2}
.productInfoTableRow2 {background-color:#FFFFFF}
.productRow1 {background-color:#fff; border-bottom:1px dotted #666; padding-top:8px;}
.productRow2 {background-color:#fff; border-bottom:1px dotted #666; padding-top:8px;}

/* ------- CHECKOUT PAGES -------------- */
h2.checkout_step1 {text-indent:-999em; background:url(../img/checkout_process.gif) 0 0 no-repeat; width:645px; display:block; height:49px;}
h2.checkout_step2 {text-indent:-999em; background:url(../img/checkout_process.gif) 0 -49px no-repeat; width:645px; display:block; height:49px;}
h2.checkout_step3 {text-indent:-999em; background:url(../img/checkout_process.gif) 0 -98px no-repeat; width:645px; display:block; height:49px;}
h2.checkout_step4 {text-indent:-999em; background:url(../img/checkout_process.gif) 0 -147px no-repeat; width:645px; display:block; height:49px;}

.checkoutBodyTextError {color:#FF0000}
.checkoutBodyTextSmall {font-size:10px}
.checkoutTable {background-color:#cbcbcb; width:570px}
.checkoutTableAdmin {background-color:#738a92; color:#fff; border:1px #CCCCCC; width:550px; padding:1px}
.checkoutHeadingRow {background-color:#738a92; color:#fff;}
.checkoutRow1 {background-color:#F0F0F0; padding:4px;}
.checkoutRow2 {background-color:#FFFFFF; padding:4px;}
.checkoutSuccess {font-size:12px; font-weight:bold; color:#33CC00}
.checkoutFail {font-size:12px; font-weight:bold; color:#FF0000}

/* ------- HEADER INC STYLES -------------- */
#header {float:left; background:none; height:123px;}
#header .headerLeft { float:left; width:450px; height:82px;}
#header .headerLeft h1, #header .headerLeft h1 a { margin:0; padding:0; float:left; display:block; width:238px; height:82px; background:url(../img/newDesign/prepare_logo.jpg) 0 0 no-repeat;}
#header .headerLeft h1 span { display:none;}
#header .headerLeft h2 { margin:0; padding:0; float:left; display:block; width:208px; height:82px; background:url(../img/newDesign/haeder_slogan.jpg) 0 0 no-repeat;}
#header .headerLeft h2 span { display:none;}

#header .headerRight { float:right; width:440px; margin-right:10px; height:82px;}
#header .headerRight .socialLinks { float:right; width:440px; height:32px; padding-top:5px; text-align:right;}
.socialLinks .fb-like, .socialLinks .twitter-like { float:right; width:90px; height:32px;}
#header .headerRight .phone {float:right; width:440px; height:45px; display:block; background:url(../img/newDesign/header_phone.jpg) right 0 no-repeat;}
#header .headerRight .phone span { display:none;}


#header #shoppingCart { float:left; width:140px; height:41px; padding-left:42px; background:url(../img/newDesign/cart_icon.jpg) 0 0 no-repeat;}
#header #shoppingCart table td.cartPrice {font-size:260%; line-height:1em; text-align: center; vertical-align: middle; padding-bottom:2px; color:#48646d;}
#header #shoppingCart table td.cartText {text-align: center; font-size:100%; line-height:1em; font-weight:bold;}

#header .topNavContainer {float:left; background:url(../img/newDesign/topNav_bg.jpg) 0 0 repeat-x; height:33px; width:775px; padding:2px 0 6px 15px;}


#topNav {list-style:none; margin:0; padding:0;}
#topNav li { float:left; padding:0; border-right: 1px solid #304046;}
#topNav li a {padding: 0 12px; line-height:33px; color: #fff; display:inline; display:block; font-size: 110%; font-family: Arial,Sans-serif; color:#fff; font-weight:bold; text-decoration:none;}
#topNav a:hover {text-decoration:underline; color: #fff; background-color: #4A6671; text-decoration:none;}
#topNav li.home a {border-left: 1px solid #304046; background: url(../img/newDesign/topNav_home_icon.jpg) 0 0 no-repeat; width:45px; height:33px; padding:0;}
#topNav li.home a:hover {background: url(../img/newDesign/topNav_home_icon.jpg) 0 -33px no-repeat;}
#topNav li.home span { display:none;}


#topNav li {position: relative;}
#topNav ul{position:absolute; top:33px; left:0px; width:13em; background-color:#666; border:1px solid #fff; border-width:2px 0 0 0; list-style: none; margin:0; padding:0; z-index:1000;}
#topNav ul li { float:none; padding:0; border:none; border-bottom:1px solid #fff;}
#topNav ul li:first-child {border-top:4px solid #E8AB1B;}
#topNav ul li a {padding: 5px 6px; color: #fff; line-height:1em; font-size:95%;}
#topNav ul li a:hover{background-color:#333; color:#fff;}

#topNav ul{display: none;}

#topNav li:hover ul{display: block;}


/* -------------- DYNAMIC NAV STYLES (left Menu) -------------- */
#menu {margin:0; margin:0 10px 2px 22px; border-bottom:1px solid #ccc;}

#menu ul {list-style: none; margin:2px 0; padding:0;}
#menu a {display:block; padding:3px 3px 3px 8px; text-decoration:none; color:#41636d; font-size:10px; font-weight:normal;}
#menu a:hover {text-decoration:none; color:#41636d; background-color:#d2d8da;}
#menu li.mnu_p {background: url(../img/menu_arrow.gif) 180px center no-repeat;}

#menu li {position: relative; z-index:100;}
#menu ul ul {position:absolute; top:-3px; left:180px; width: 100%; background-color:#666; border:1px solid #fff; z-index:1000;}
#menu ul ul a {color:#fff; border-bottom:1px solid #fff;}
#menu ul ul a:hover {color:#fff; background-color:#333;}

#menu ul ul,
#menu ul li:hover ul ul
{display: none;}

#menu ul li:hover ul,
#menu ul ul li:hover ul
{display: block;  z-index:1000;}


/* ------- LEFT COLUMN INC STYLES -------------- */
#lhsCol {float:left; width:230px; margin:8px 0 20px 10px; background:url(../img/newDesign/header/menu_bg.gif) repeat-y; display: inline;}

#lhsCol h3 {margin:1px 6px 0 18px; padding:8px; font-size:11px; background: url(../img/header/lhs_h3_bg.jpg) repeat-x;  color:#41636d;}
#lhsCol .search {padding:4px 10px 4px 24px; background: url(../img/newDesign/header/menu_bot.gif) left bottom no-repeat;}
#lhsCol .search input {border:1px solid #888888; padding:1px; font-size:10px;}

#lhsCol .leftBox {background: url(../img/newDesign/header/menu_bot.gif) no-repeat center bottom; padding: 0 18px 6px 32px;}
#lhsCol .leftBox p { margin:5px 0;}
#lhsCol .leftBox img.tvLogo { margin:10px 5px 10px 0;}

/* ------- FOOTER INC STYLES -------------- */
#footer {clear:left; width:100%; background: #84979D url(../img/newDesign/footerBG.jpg) 0 0 repeat-x; padding-top:12px;}
#footer .footerPanels { width:960px; margin:0 auto; height:158px;}
#footer .footerPanels .panel { float:left; width:279px; padding:5px 20px 0 20px; border-right:1px solid #e0e0e0; height:110px;}
#footer .footerPanels .end { border:none;}
#footer .footerPanels .panel h3 { background:none; color: #46626B;  font-size: 150%; margin: 0 0 6px 0; padding:0;}
#footer .footerPanels .panel p { margin:0 0 1.0em 0; font-size:95%; line-height:1.3em;}
#footer .footerPanels .panel img.icon { float:left; margin-right:8px;}

#footer .footerNav { width:960px; margin:0 auto; clear:both; color:#ffffff;}
#footer .footerNav .column {float:left; padding:10px 20px 0 20px; width:130px;}
#footer .footerNav .end { padding-right:0; width:238px}
#footer .footerNav .column h4 {background:none; color: #e8ab1b;  font-size: 130%; margin: 0 0 6px 0; padding:0;}
#footer .footerNav .column a { color:#fff;}
#footer .footerNav .column ul { list-style:none; margin:0; padding:0;}
#footer .footerNav .categories ul {float:left; width:160px}
#footer .footerNav .column ul li { margin:0 10px 8px 0; line-height:1em;}
#footer .footerNav .categories { width:320px;}
#footer .footerNav .column .search { padding:10px 0 20px; margin:0 0 20px 0; border-bottom:1px solid #fff;}
#footer .footerNav .column .copyright { line-height:1.1em;}

/* ------- TOP SELLER TABLE -------------- */
.searchTableHeader h4 {margin:0; padding:3px 8px; background-color:#738a92; color:#fff;}
.topSellerHeadingText { font-weight:bold; color:#FCD002}
.topSellerRow {background-color:#efefef; padding:4px; text-align:left}
.row3 {background-color:#999999}
A.topSellerText:link {font-size:10px; color:#333333}
A.topSellerText:visited {font-size:10px; color:#333333}

/* ------- FEATURED PRODUCTS  -------------- */
.features {border-bottom:1px solid #ccc; margin-bottom:6px;}
.featuredHeading {font-size:11px; line-height:11px; font-weight:bold; color:#46626B}
.featuredDescription {}
.featuredCell {}
.featuredImageCell {}

/* --------------FEED STYLES -------------- */
.feed {width:180px; border:6px solid #fff; background:#fff; margin:-6px -8px 4px 4px;}
.feed2 {width:260px; background:#fff; padding:0 0 4px 10px;}
.feedTitle {font-size:14px; font-weight:bold; color:#fff; background:#41636d; padding:2px 5px;}
.feedLink {color:#f3983e; font-weight:bold; text-decoration:none; font-size:10px}
.feedCopy {font-size:9px; color:#666; line-height:11px;}
.feedDate {}
.feedItem {padding:3px; border-width:0 1px 1px 1px; border-style:solid; border-color: #ccc;}
.feedHeader {display:none;}


/* --------------SITEMAP STYLES -------------- */
#sitemap {float:left;}
#sitemap .sm1, #sitemap .sm2  {float:left; width:200px}
#sitemap li {list-style-image: none;}

#sitemap ul {font-weight:bold; list-style: none; padding:0 8px;}
#sitemap ul ul a {font-weight:normal;}
#sitemap ul li {border-left:1px solid #2D496B; padding-left:12px; background:#fff url(../img/sitemap_branch.gif) left top no-repeat;}


/* ------- PRINTABLE RECEIPT -------------*/
body#printReciept td {font-size:12px; color:#000000;}
.recieptTable {background-color:#CCCCCC; width:550px; padding:1px;}
.storeName {font-size:18px; font-weight:bold}
.receiptHeading {font-size:14px; font-weight:bold}

/* --------------Links List -------------- */
ul.links { list-style:none;}
ul.links li { margin:0; padding:0;}
ul.links li a {color:#41636D;}


#content div.homeQuakeMessage { width:100%; float:left; margin-bottom:5px;}
#content div.homeQuakeMessage h2 {color:#FF0000;margin-bottom:0px; float:left; width:150px; text-align:right; line-height:1.1em; }
#content div.homeQuakeMessage h3 {background:none; margin-top:0; color:#666666; float:left; width:450px; padding:0 0 5px 20px; font-weight:normal;}

/* --------------TESTIMONIALS -------------- */
dl.testimonials { margin:0; padding:0;}
dl.testimonials dt { float:left; width:90px; clear:left; margin-top:20px; font-size:10px;}
dl.testimonials dt strong { font-size:12px;}
dl.testimonials dd { float:left; width:490px; padding:10px 10px 10px 30px; margin:0; background:url(../img/testimonalBG3.jpg) 0 0 no-repeat;  margin-top:20px; font-style:italic;}

-->