/* ----------------------------------------------- */
/* Opal Logic main and resets stylesheet */
/* ----------------------------------------------- */

/* ***** reset css ***** */

* { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-weight:normal; font-size:100%; font-family:inherit; vertical-align:baseline; }

body { line-height: 1; font-family: Arial, tahoma, Helvetica, sans-serif; font-size:11px; padding-top:0px; color:#737171; background: url(../Images/bg/bodyBg.jpg) repeat-x 0 0; }

.main { position:relative; width:1022px; margin:0 auto; height:500px; }

h3 { font-size:1.5em; margin-bottom:20px; padding-top:100px; color:#575656; }

/* header */
.header { position:relative; width:1040px; height:163px; }
.header .logo { position:absolute; top:20px; left:185px; width:200px; height:75px; background:transparent url(../Images/iconLogo/logo.png) no-repeat 0 0; }
.header a { position:absolute; bottom:70px; right:150px; color:#e1dede; padding-right:15px; background: url(../images/linkArrow.gif) no-repeat right -4px; }
.header a:hover { /*background-position:right -24px;*/ color:#fff; }
.header .comingSoon2 { position:absolute; top:33px; right:150px; width:209px; height:43px; background: url(../images/iconLogo/newWebsiteComingSoon.png) no-repeat 0 0; }

.callNow { position:absolute; top:60px; right:260px; width:260px; height:43px; text-indent:-5000px; background: url(../images/iconLogo/callNow.png) no-repeat 0 0; }
.callNow2 { position:absolute; top:-10px; right:10px; width:260px; height:43px; text-indent:-5000px; background: url(../images/iconLogo/callNow.png) no-repeat 0 0; }
.crossSell { position:absolute; top:280px; right:10px; }

.content { position:relative; width:720px; height:333px; margin:0px 0 0 175px; background: url(../images/contentBg.jpg) no-repeat 0 0; } 
.content.noBg { background:none; }
.content .details h1 { position:absolute; top:209px; left:33px; font-size:12px; font-weight:bold; color:#EFEDED; }
.content .details p { position:absolute; top:228px; left:33px; line-height:14px; width:430px; color:#EFEDED; }
.content .details .comingSoon { position:absolute; top:33px; right:10px; }

.content .newsletter { position:absolute; top:128px; right:23px; width:138px; height:140px; font-size:12px; font-weight:bold; }
.content .newsletter h2 { position:relative; font-size:11px; font-weight:bold; color:#efeded; }
.content .newsletter p { position:relative; font-size:9px; font-weight:bold; margin-top:5px; color:#efeded; }
.content .newsletter a { position:absolute; bottom:10px; right:2px; padding-right:15px; background: url(../images/linkArrow.gif) no-repeat right -4px; }
.content .newsletter a:hover { /*background-position:right -24px;*/ color:#e1dede; }

.content .atlas { padding:0 15px 15px 20px; }
.content .atlas p { position:relative; font-size:1.0em; font-weight:normal; margin-top:5px; margin-bottom:1.4em; color:#575656; line-height:1.5em; }

ul.imageList { display:inline; list-style:none; margin-top:70px; }
ul.imageList li { display:inline; list-style:none; float:left; margin-right:6px; color:#575656; }

ul.imageList2 { display:inline; list-style:none; margin-top:70px; }
ul.imageList2 li { display:inline; list-style:none; float:left; margin-right:13px; color:#575656; }

ul.bulletList { position:relative; display:block; list-style:none; float:left; width:100%; }
ul.bulletList li { position:relative; padding-left:14px; float:left; clear:both; margin-bottom:5px; color:#575656; font-weight:normal; line-height:1.4em; background:url(../Images/iconLogo/bulletOrangeSquare.gif) no-repeat 0 6px; }

.listContainer { position:relative; clear:both; float:left; height:250px; margin-bottom:15px; margin-top:30px; width:690px; }
.listContainer .leftSide { position:relative; float:left; width:240px; height:170px; }
.listContainer .leftSide2 { position:relative; float:left; width:240px; height:170px; }
.listContainer .rightSide { position:relative; float:left; width:385px; height:169px; margin-top:70px; }
.listContainer .rightSide2 { position:relative; float:left; width:385px; height:169px; }
.listContainer .crossSell2 { position:absolute; top:95px; left:0px; }

.welcome { position:absolute; top:325px; left:30px; width:585px; }
.welcome h2 { font-size:16px; color:#706e6e; margin-bottom:10px; }
.welcome p { line-height:14px; color:#575656; }

.pressPreviews { position:relative; height:300px; background: url(../images/iconLogo/pressPreviews.gif) no-repeat 20px 0px; padding-left:120px; }

ul.pressList { display:inline; list-style:none; }
ul.pressList li { position:relative; padding-left:14px; float:left; width:490px; clear:both; margin-bottom:8px; color:#575656; font-weight:normal; line-height:1.4em; background:url(../Images/iconLogo/bulletOrangeSquare.gif) no-repeat 0 6px; }
ul.pressList li strong { display:block; }

select, input, textarea, option { color:#6a6969; font-size:10px; font-family: arial; border:none; padding:2px; margin-top:8px; font-weight:bold; width:133px; }

table.buyTable { bottom:0; float:left; position:relative; width:400px; }

table th { font-weight:bold; text-align:left; padding-bottom:8px; }
table td { vertical-align: middle; }
table .colOne { width:210px; }
table .colTwo { width:100px; }
table .colThree { width:110px; }
table .colFour { width:40px; }

.buyNow { width:90px; }

strong { font-weight:bold; }

.clear20 { position:relative; height:20px; }
.clear { position:relative; }

/* links */
a { font-size:11px; color:#fff; text-decoration:none; }
a:hover { text-decoration:none; }
a:visited { color:#586b83; }

.headingMainLeft { font-size:11px; color:#fff; width:100%; height:57px; background: url(../Images/headings/mainHeadingLeft.jpg) no-repeat left 0; }
.headingMainRight { width:100%; height:57px; text-indent:10px; color:#fff; padding-top:10px; background: url(../Images/headings/mainHeadingRight.jpg) no-repeat right 0; }

.headingSubLeft { color:#fff; width:100%; height:54px; padding-left:5px; background: url(../Images/headings/subHeadingLeft.jpg) no-repeat left 0; }
.headingSubRight { width:100%; font-weight:bold; font-size:11px; height:54px; text-indent:5px; color:#fff; padding-top:8px; background: url(../Images/headings/subHeadingRight.jpg) no-repeat right 0; }

.progressHeading { margin-top:20px !important; }

/* buttons */

/* grey arrow button right */

input.newButton { display:block; height:18px; width:90px; color:#fff; text-transform: uppercase; padding:0px; margin:0px; font-size:14px; background: url(../images/buttons/buyNow.gif) no-repeat 0 0; }
input.newButton:hover { background-position:0 -18px; }

.greyButton { background: url(../Images/buttons/greyButtonRight.gif) no-repeat left 0px; height:18px; text-align:left; display:block; float:left; z-index:1000; padding-left:1px; }
.greyButton:hover { background-position:left -18px; }
.greyButton span { background: url(../Images/buttons/greyButtonRight.gif) no-repeat right 0px; height:18px; display:block; width:100%; }
.greyButton:hover span { background-position:right -18px; }
.greyButton a { display:block; font-family:arial; margin-left:6px; padding-left:0px; padding-top:5px; padding-right:20px; /* */ /*margin-right:20px;*/ height:18px; color:#fff !important; font-size:9px !important; text-transform: uppercase; }
.greyButton a:hover { text-decoration: none; color:#fff; }

/* grey arrow button left */
.greyButtonLeft { background: url(../Images/buttons/greyButtonLeft.gif) no-repeat right 0px; height:18px; text-align:left; display:block; float:left; z-index:1000; padding-right:1px; }
.greyButtonLeft:hover { background-position:right -18px; }
.greyButtonLeft span { background: url(../Images/buttons/greyButtonLeft.gif) no-repeat left 0px; height:18px; display:block; width:100%; }
.greyButtonLeft:hover span { background-position:left -18px; }
.greyButtonLeft a { display:block; font-family:arial; margin-left:6px; padding-left:15px; padding-top:5px; padding-right:7px; /* */ /*margin-right:20px;*/ height:18px; color:#fff !important; font-size:9px !important; text-transform: uppercase; }
.greyButtonLeft a:hover { text-decoration: none; color:#fff; }

/* grey arrow button down */
.greyButtonDown { background: url(../Images/buttons/greyButtonDown.gif) no-repeat left 0px; height:18px; text-align:left; display:block; float:left; z-index:1000; padding-left:1px; }
.greyButtonDown:hover { background-position:left -18px; }
.greyButtonDown span { background: url(../Images/buttons/greyButtonDown.gif) no-repeat right 0px; height:18px; display:block; width:100%; }
.greyButtonDown:hover span { background-position:right -18px; }
.greyButtonDown a { display:block; font-family:arial; margin-left:6px; padding-left:0px; padding-top:5px; padding-right:21px; /* */ /*margin-right:21px;*/ height:18px; color:#fff !important; font-size:9px !important; text-transform: uppercase; }
.greyButtonDown a:hover { text-decoration: none; color:#fff; }

/* grey arrow button down */
.greyButtonLightBorder { background: url(../Images/buttons/greyButtonRightLightBorder.gif) no-repeat left 0px; height:18px; text-align:left; display:block; float:left; z-index:1000; padding-left:1px; }
.greyButtonLightBorder:hover { background-position:left -18px; }
.greyButtonLightBorder span { background: url(../Images/buttons/greyButtonRightLightBorder.gif) no-repeat right 0px; height:18px; display:block; width:100%; }
.greyButtonLightBorder:hover span { background-position:right -18px; }
.greyButtonLightBorder a { display:block; font-family:arial; margin-left:6px; padding-left:0px; padding-top:5px; padding-right:21px; /* */ /*margin-right:21px;*/ height:18px; color:#fff !important; font-size:9px !important; text-transform: uppercase; }
.greyButtonLightBorder a:hover { text-decoration: none; color:#fff; }

/* grey arrow button right */
.greyButtonClose { background: url(../Images/buttons/greyButtonClose.jpg) no-repeat left 0px; height:18px; text-align:left; display:block; float:left; z-index:1000; padding-left:1px; }
.greyButtonClose:hover { background-position:left -18px; }
.greyButtonClose span { background: url(../Images/buttons/greyButtonClose.gif) no-repeat right 0px; height:18px; display:block; width:100%; }
.greyButtonClose:hover span { background-position:right -18px; }
.greyButtonClose a { display:block; font-family:arial; margin-left:6px; padding-left:0px; padding-top:5px; padding-right:20px; /* */ /*margin-right:20px;*/ height:18px; color:#fff !important; font-size:9px !important; text-transform: uppercase; }
.greyButtonClose a:hover { text-decoration: none; color:#fff; }

/* button positions */
.viewBasketButton { position:relative; top:-1px; float:left; display:inline; /*width:50px;*/ }
.viewSubCatButton { position:absolute; bottom:5px; right:15px; /*width:150px;*/ z-index:1; }
.buyingOptionsButton { position:absolute; right:10px; top:36px; }
.promoCodeButton { position:relative; float:left; }
.checkoutBack { position:relative; float:right; }
.checkoutComplete { position:relative; }
.orderCompleteUpdateAccountButton { position:absolute; right:20px; top:24px; }
.prodReviewButtonSubmit { position:relative; float:right; cursor:pointer; margin-bottom:10px; }
.basketCheckoutButton { float:right; margin-top:8px; }
.categoryListButton { position:absolute; top:88px; left:145px; }
.editCheckoutDetails { position:absolute; top:5px; right:27px; }
/*.prodDescButton { width:200px; }
.prodSpecButton { width:200px; }
.prodReviewButton { width:200px; }*/

/* SLIMBOX */
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(../Images/lightbox/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(../Images/lightbox/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(../Images/lightbox/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../Images/lightbox/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }

/* clear fix */
.clearfix:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;}