* { margin: 0; padding: 0; }

#outer { margin: 0 auto; 
         text-align: left; 
         /*height: 600px; clear: right; position: static;  puts container in front of distance */ 
         padding-left: 0px; 
         padding-top: 18px;  }
#outer .leftText { text-align: left; }

body { margin: 0px; padding: 0px; margin-left: 0px; font-family: Verdana,Arial,sans-serif; font-size: 0.8em; background-color: #ffffff;
       margin-right: 0px; zoverflow:auto;/*fix ie6 scrollbars*/ }
html>body { overflow:visible; } /*fix ie7 on iframe scrollbars*/
.mainBox { background-color:White; margin: 0px 0px 0px 0px; width: 140px; }
.mainBox-ds { background: transparent url(../../images/navtop.gif) 0% 0% no-repeat; height:20px; }
.mainBoxTop .border-b { border: #5A9EBD solid 1px; border-bottom:none; padding: 0px 10px 0px 10px; }
.border-b-inner { background: url(../../images/navbottom.gif) 0% 100% no-repeat; height: 7px; padding: 0px 10px 0px 10px; width: auto; font-size:0.5pt; }
.border-b ul { list-style-type: none; }
.inner li { display: block !important; }
.noPadding { padding: 0px !important; }
.noPaddingRight { padding-right: 0px !important; }
.noPaddingTop { padding-top: 0px !important; }
.noPaddingLeft { padding-left: 0px !important; }
.noPaddingBottom { padding-bottom: 0px !important; }
/*Site*/
#Welcome { font-weight: bold; margin-top: 15px; }
.errorMessage { color: Red; }
.tree { /*border:1px solid #000;*/ }
strong { }
.contact { }
.clear { clear: both; }
img { border: 0; }
p { padding-bottom: 11px; }
#LogoEve { width: 160px; height: 60px; background: url(../../images/logo_eve.gif) left no-repeat; float: left; }
#LogoPadi { position: absolute; top: 10px; left: 940px; width: 60px; height: 82px; background: aurl(../../images/logo_padi.gif) left no-repeat; }
#HigineNav { margin: 0 0 0 0; padding: 0px 0 0px 0; height: 65px; }
.SearchField { width: 149; height: 19px; float: left; }
.SearchNav ul li { white-space: nowrap; display: inline; list-style: none; padding-left: 0px;}
.SearchNav ul li a { height: 15px; margin-right: 10px; vertical-align:middle; }
.SearchNav ul li img { padding-bottom: 5px; vertical-align:text-top; }

div.line-dashed { height: 1px; margin: 0; padding: 0; clear: both; margin-bottom: 0px; background: url(../../images/dotted-line.gif) repeat-x; }
div.line-dashed { font-size: 1px; line-height: 1px; }

div.line { width: 560px; height: 1px; margin: 0 0 0 0px; padding: 0; clear: both; margin-bottom: 0px; background: url(../../images/line.gif) repeat-x; }
div.line { font-size: 1px; line-height: 1px; padding-bottom: 20px; }

z#CenterContent { float:left;width:630px;}
z#RightContent {float:left;margin-top:5px;}


#MainContent { margin-left: 8px; margin-top: 33px; background: url(../../images/bg_gray.gif) left repeat-x; width: 615px; height: 386px; }

/*Home Page*/
.HomeMainContent { margin-left: 0px; float: left; float: left; margin-right: 5px; }
#NewProducts { float: left; }
.HomeMainContent a { display: block; }
.new h4 { padding-bottom: 5px; padding-left: 20px; }
/*Login*/
#loginDetails { padding-left: 40px; float: left; }
#RegisterDetails { float: left; }
/*Register*/
.InputField { width: 149; height: 19px; float: left; border: 1px solid #999999; }
.DOBfield { width: 39px; height: 19px; float: left; border: 1px solid #999999; float: left; margin-right: 11px; }
.Intialfield { width: 39px; height: 19px; float: left; border: 1px solid #999999; float: left; margin-right: 11px; }
.PostCodefield { width: 71px; height: 19px; float: left; border: 1px solid #999999; float: left; margin-right: 11px; }

#RegisterMainContent { margin-left: 0px; margin-top: 20px; /*background: url(../../images/bg_gray.gif) left repeat;width:615px;height:386px;*/ }

#TitleRegister { background: url(../../images/title_register.gif) left repeat; width: 362px; height: 31px; margin-left: 0px; margin-top: 15px; margin-bottom: 15px; }
#TitleLocal { }

#RegisterTopContent { padding-left: 0px; float: left; }
#RegisterTopContent p { padding-bottom: 11px; }
#RegisterBottomContent { padding-left: 0px; float: left; }

#FirstNameContent, #DeliveryFirstNameContent, #LastNameContent, #DeliveryLastNameContent, #DOBContent
{ width: 290px; height: 36px; }
#FirstNameText, #DeliveryFirstNameText, #LastNameText, #DeliveryLastNameText, #DOBText
{ float: left; width: 107px; padding-left: 0px; /*border:1px solid #000;*/ }

.birthError { margin-left: 105px; font-size: 0.7em; }

#IntialContent { width: 270px; height: 36px; }
#IntialText { float: left; width: 107px; padding-left: 0px; /*border:1px solid #000;*/ }
#IntialInput { float: left; }

#GenderContent { width: 270px; height: 36px; }
#GenderText { float: left; width: 107px; padding-left: 0px; /*border:1px solid #000;*/ }
#GenderInput { float: left; }

#Address1Content, #DeliveryAddress1Content { width: 280px; height: 36px; }
#Address1Text, #DeliveryAddress1Text { float: left; width: 107px; /*border:1px solid #000;*/ }
#Address1Input, #DeliveryAddress1Input { float: left; }

#Address2Content, #DeliveryAddress2Content { width: 280px; height: 36px; }
#Address2Text, #DeliveryAddress2Text { float: left; width: 107px; /*border:1px solid #000;*/ }
#Address2Input, #DeliveryAddress2Input { float: left; }

#Address3Content, #DeliveryAddress3Content { width: 280px; height: 36px; }
#Address3Text, #DeliveryAddress3Text { float: left; width: 107px; /*border:1px solid #000;*/ }
#Address3Input, #DeliveryAddress3Input { float: left; }

#Address4Content, #DeliveryAddress4Content { width: 280px; height: 36px; }
#Address4Text, #DeliveryAddress4Text { float: left; width: 107px; /*border:1px solid #000;*/ }
#Address4Input, #DeliveryAddress4Input { float: left; }

#StateContent, #DeliveryStateContent { width: 280px; height: 36px; }
#StateText, #DeliveryStateText { float: left; width: 107px; /*border:1px solid #000;*/ }
#StateInput, #DeliveryStateInput { float: left; margin-bottom: 15px; }

#EmailContent, #DeliveryEmailContent { width: 280px; height: 36px; }
#EmailText, #DeliveryEmailText { float: left; width: 107px; padding-left: 0px; /*border:1px solid #000;*/ }
#EmailInput, #DeliveryEmailInput { float: left; }

#LanguageContent { width: 270px; height: 36px; }
#LanguageText { float: left; width: 107px; padding-left: 0px; /*border:1px solid #000;*/ }
#LanguageInput { float: left; }

#PostCodeContent, #DeliveryPostCodeContent { width: 270px; height: 36px; }
#PostCodeText, #DeliveryPostCodeText { float: left; width: 107px; /*border:1px solid #000;*/ }
#PostCodeInput, #DeliveryPostCodeInput { float: left; }

#CountyContent, #DeliveryCountyContent { width: 270px; height: 36px; }
#CountyText, #DeliveryCountyText { float: left; width: 107px; padding-left: 0px; /*border:1px solid #000;*/ }
#CountyInput, #DeliveryCountyInput { float: left; }

#CountryContent, #DeliveryCountryContent { width: 270px; height: 36px; }
#CountryText, #DeliveryCountryText { float: left; width: 107px; padding-left: 0px; /*border:1px solid #000;*/ }
#CountryInput, #DeliveryCountryInput { float: left;  }
select { font-size: 11px; }

#PhoneContent, #DeliveryPhoneContent { width: 280px; height: 36px; }
#PhoneText, #DeliveryPhoneText { float: left; width: 107px; /*border:1px solid #000;*/ }
#PhoneInput, #DeliveryPhoneInput { float: left; }

#WorkPhoneContent { width: 270px; height: 36px; }
#WorkPhoneText { float: left; width: 107px; padding-left: 0px; /*border:1px solid #000;*/ }
#WorkPhoneInput { float: left; }

#MobilePhoneContent { width: 270px; height: 36px; }
#MobilePhoneText { float: left; width: 107px; padding-left: 0px; /*border:1px solid #000;*/ }
#MobilePhoneInput { float: left; }

#KinContent { width: 280px; height: 36px; }
#KinText { float: left; width: 107px; /*border:1px solid #000;*/ }
#KinInput { float: left; }


#KinRelationshipContent { width: 280px; height: 36px; }
#KinRelationshipText { float: left; width: 107px; /*border:1px solid #000;*/ }
#KinRelationshipInput { float: left; }

.next { padding-left: 214px; }

#BtnNextBack { margin-top: 10px; }
#BtnNextBack .next { float: right; padding-right: 10px; }
#BtnNextBack .back { float: left; }


/*Legal*/
#LegalPDF p a { font-size: 0.9em; }

/*Login*/
/*.LoginUsernameContent { width: 280px; height: 36px; }*/
.LoginUsernameText { float: left; width: 120px; }
.LoginUsernameInput { float: left; }

.PasswordContent, .LoginUsernameContent { padding-bottom:35px;} /*width: 280px;	height: 36px; */
.PasswordText { float: left; width: 120px; }
.PasswordInput { float: left; }


/*MainLogin*/
.MainLoginContent { padding-left: 0px; }
.LeftloginDetails { float: left; width: 330px; }
.RightLoginContent { float: left; }
.MainLoginUsernameContent { width: 280px; height: 36px; }
.MainLoginUsernameText { width: 107px; /**/ }
.MainLoginUsernameInput { float: left; }

.MainPasswordContent { width: 280px; height: 36px; }
.MainPasswordText { width: 107px; /*border:1px solid #000;*/ }
.MainPasswordInput { float: left; }

.btnMainLogin { margin-top: 10px; }
.RegisterDetails { padding-top: 10px; }

/*Products*/
.ProductsMainContent a { font-size: 0.9em; }
#TitleBags { background: url(../../images/title_bags.gif) left repeat; width: 94px; height: 30px; margin-left: 46px; margin-top: 15px; margin-bottom: 15px; }
#IntroText { margin-left: 0px; margin-top: 15px; margin-bottom: 15px; }
.ProductThumb { afloat: left; padding-right: 45px; padding-top: 0px; /*height: 190px;*/ }
.product { padding-bottom: 11px; white-space: normal; width:149px;}
.ProductFrame { width: 149px; height: 99px; border: 1px solid #d1d1d1; }
.price { color: #65a1c6; font-weight: bold; }
.regularprice { color: #65a1c6; font-weight: bold; text-decoration: line-through; }
.AddCart { float: left; }

/*Basket*/
#BasketMainContent { margin-left: 8px; margin-top: 33px; background: url(../../images/bg_gray.gif) left repeat; width: 615px; height: 386px; }
#TitleBasket { background: url(../../images/title_shoppingBasket.gif) left repeat; width: 236px; height: 30px; margin-top: 15px; margin-bottom: 15px; }
.BasketTable { }
.BasketTable th { color: #989898; font-size: 0.8em; font-weight: bold; }
.BasketDetails td { border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; font-size: 0.8em; padding-bottom: 10px; }
.BasketDetails td.last { border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; }

.QuantityField { width: 36px; height: 19px; border: 1px solid #999999; }

#BasketButtons { margin-top: 28px; float: right; margin-right: 20px; }
#Update { float: left; margin-right: 18px; }

/*Check Out*/
#TitleCheckout { background: url(../../images/title_checkout.gif) left repeat; width: 273px; height: 30px; margin-left: 0px; margin-top: 15px; margin-bottom: 15px; }
#TitleDelivery { background: url(../../images/title_delivery.gif) left repeat; width: 154px; height: 20px; margin-bottom: 15px; }
.checkout { font-size: 0.8em; line-height: 15px; }

/*DeliveryDetails*/
.deliveryOptions { margin-bottom: 15px; }

/*Product Of The Week*/
#ProductWeekContent { margin-left: 0px; }
#TitleProductWeek { background: url(../../images/title_productWeek.gif) left repeat; width: 313px; height: 30px; margin-bottom: 15px; margin-top: 15px; }
.MainProductFrame { width: 374px; aheight: 350px; border: 1px solid #d1d1d1; float: left; }

#RightProductWeek { float: left; margin-left: 5px; }
.ProductWeekThumb { }
.ProductWeekFrame { width: 149px; height: 99px; border: 1px solid #d1d1d1; }
.priceWeek p { font-weight: bold; }
.ProductWeekDetails p { padding: 0; margin: 0; }
/*Product Details*/
a.ProductList { text-decoration: underline; font-weight: normal; }

#ProductDetailContent { margin-left: 0px; width: 580px; }
#ProductDetailImage { float: left; margin-right: 64px; width: 249px; }
.priceDetail { margin-top: 20px; font-weight: bold; }
#SpecialOffer { color: #ff9800; font-weight: bold; }
#addToBasket { margin-top: 5px; }
#ProductDetailInfo { float: left; }

.productDetailsRowHeader { margin-top: 20px; }
.productDetailsRowHeader span {font-weight: bold;}

#Detaildates { margin-top: 20px; }
.Reviews { margin-left: 0px; padding-top: 10px; }
.Reviews p { font-size: 10px; padding: 0; margin: 0; }
.RelatedProducts { margin-left: 0px; padding-top: 10px; }

.ProductDates, .ProductSizes, .ProductColours { margin-top: 20px; }
/*BookingType*/

#BookingType { margin-left: 46px; }
#BookingType ul { padding-bottom: 11px; }
#BookingType ul li { list-style-type: square; }
#BookingType ul li a { font-size: 0.9em; }

.pager { width: 100%; padding: 3px 0px 5px 0px; color: #666; }
.pager span.left { width: 100%; }
.pager a, .pager a:visited { color: #666; text-decoration: underline; }
.pager select { margin: auto; padding:auto; }
.pager a.on { text-decoration: none; font-weight: bold; }
.pager a:hover { text-decoration: none; }
.pager span.right { width: 400px; float: right; margin: -1.2em 0 0 0; margin-right: 0px; text-align: right; /*border:1px solid #000;*/ }
.pager ul { list-style-type: none; margin: 0; padding: 0; float: right; }
.pager ul li { float: left; margin-left: 3px; }
.BlueDetails { font-weight: normal; }
.CourseDetails td { padding-right: 10px; padding-bottom: 10px; }
.TipsDates td { border: 0; }



td { font-family: Arial,Verdana,Tahoma; font-size: 10pt; }
.TitleBar, .TitleBar a, .TitleBar a:hover, .TitleBar a:visited { color: White; background-position: 0 0; background-repeat: repeat-x; background-image: url(  "Images/titlebargradient.jpg" ); }
.TitleBar2 { color: White; background-position: 0 0; background-repeat: repeat-x; background-image: url(  "Images/titlebargradient2.png" ); }

#topContent table { display: block; }

.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; background:red; }
.handleImage { background-image: url(images/HandleHand.png); cursor: se-resize; height: 16px; overflow: hidden; width: 15px; }
.resizingImage { border: 2px solid #B4D35D; padding: 0px; }
.drag { cursor: move; }
.colorPreview { width: 40; height: 20; border: 2px outset; }
tenpixspacer { height: 10px; }
.twentypixspacer { height: 20px; }
.sectionoutline { border: 1px solid #cccccc; padding: 15px; }
.sectionheader { border-bottom: #dcdcdc 1px dotted; color: #65738E; font-size: 8pt; padding-bottom: 5px; font-weight: bold; }

div.thumbnail {
float:left !important;
font-family:verdana !important;
font-size:10pt !important;
font-size-adjust:none !important;
font-stretch:normal !important;
font-style:normal !important;
font-variant:normal !important;
font-weight:normal !important;
height:150px !important;
line-height:normal !important;
margin:5px !important;
overflow:hidden !important;
text-align:center !important;
vertical-align:middle !important;
width:120px !important;
}
.paymentManagement input{width:500px;}
.GV {}
.GV td, .GV th { padding: 2pt; margin: auto; }


th {background-color:#65a1c6;color:#fff}
.courseDetails td { padding-top:10px; padding-bottom: 10px; }
.courseDetails td table td { padding-top: auto; padding-bottom: auto; }
