/*********************************************************************************/
/****************************** resets & basic setup ******************************/
/*********************************************************************************/
h1, h2, h3, h4, p, img, ul, li, a, span, div, body, html, table, td, tr, th { border:none; font-weight:normal; margin:0; padding:0; }
ul li{ list-style-type:none;}
body{font-family:Arial,Georgia,Sans-Serif;font-size:14px;  }
table{ font-size:14px; }
a{ color:#444; }
a:hover{cursor:pointer;}


.clear{ clear:both; }
.hidden{ display:none; }
.icon{ background:url(/images/icons.gif) no-repeat 0 0; }
input.submit{ display:none; }


/****************************** main areas ******************************/
#SiteWrapper{  text-align:left; }
#PageWrapper{text-align:left;  }

#Header{ position:relative; z-index:20; }
#Header #Logo{ position:absolute; }
#Header #Logo a{ display:block; background:url(/images/Logo.png) no-repeat 0 0; text-indent:-0px;  }
#Header, #Content, #Footer{  } 


#Footer{  clear:both;  position:relative; }
#Footer .inner{  }
#Footer #SiteCopy{ }
#Footer #CreatorCopy{}
#Footer .content{  }

/****************************** navigation ******************************/
#Navigation{ position:absolute;  }
#Navigation ul.horizontal{ background:#eee; height:20px;}
#Navigation ul.horizontal li.item{ border-right:2px solid black; padding:0 10px; height:20px; }
#Navigation ul.horizontal li.item span{ cursor:pointer;}
#Navigation ul.horizontal li.last{ border:none; }
#Navigation ul.horizontal li.item li{ border:none; height:auto; }
#Navigation ul.horizontal div.slide ul{ padding:5px 0; }
#Navigation ul.horizontal div.slide .level1{ background:#fff;}
#Navigation ul.horizontal div.slide .level1 .item{ padding:2px 0}
#Navigation ul.horizontal div.slide li a{ padding:0 5px; }
#Navigation ul.horizontal div.slide li a:hover{  }
#Navigation ul li{ float:left; padding: 0 5px; cursor:pointer;}
#Navigation ul li a{ float:left; text-transform:capitalize; }
#Navigation ul.rootGroup li.item{}
#Navigation ul.rootGroup li.first{}
#Navigation ul.rootGroup li.last{}


#NavTabs{ position:absolute;  }
#NavTabs ul li{ float:left; margin:0 5px;   }
#NavTabs .message, #NavTabs .seperator{ display:none; }

/****************************** components / controls ******************************/
.validationSummary{ background:#ffe7fc; margin:5px 0; width:auto; }
.validationSummary ul{ padding:10px; border:solid 1px red; }
.error{ color:Red; }
.contentArea{ overflow:hidden; padding:10px; }

/* SiteMap */
#SiteMap{ margin-left:0px; float:left;  }
#SiteMap ul{ margin:0px 0 15px 0;}
#SiteMap ul li{ padding-left:15px;  }
#SiteMap ul li a {display:block; outline:none; margin-bottom:10px; position:relative; left:-10px; top:-5px; background:url(/images/icons/bullet_go.png) no-repeat 0 0; padding-left:20px;  }



/* cycler */
#CycleWrapper{ position:relative;  }
#CycleWrapper div.adminSettings{ height:30px; }
#CycleWrapper div.adminSettings p{ float:left; padding:0 20px; }
#CycleWrapper #Cycle{ margin:0 auto; text-align:center; }
#CycleWrapper div.nav{ padding:10px 0 0 320px; }
#CycleWrapper div.nav a{ background:url(/images/icons/rotator-navigation.png) no-repeat 0 0; text-indent:-9999px; float:left; width:20px; height:18px; outline:none; }
#CycleWrapper #Prev{ background-position:0px 0px; }
#CycleWrapper #Prev:hover{ background-position:0px -18px; }
#CycleWrapper #Next{ background-position:-39px 0px; }
#CycleWrapper #Next:hover{ background-position:-39px -18px; }
#CycleWrapper #Pause{ color:Red; background-position:-19px 0px; }
#CycleWrapper #Pause.paused{ color:green; background-position:-19px -18px; }
#CycleWrapper #Pause:hover{ background-position:-19px -18px; }

/* search box */
#SearchWrapper{ position:absolute;  }
#SearchBox .actions input{ display:none; }

/* slippery slidy side cart*/
#SideCartWrapper{ position:absolute; height:25px; width:265px; z-index:25; }
#SlideCart{ position:absolute !important; }
#SlideCartLiner{ background-color:#fff; width:265px;  }/* width must be set or IE will kaput*/
#SlideCart{}
#SideCart .cartContent{padding:5px; }
#SideCart .cartContent .header{ height:25px; }
#SideCart .cartContent .items{}

#SideCart .items .even{  }
#SideCart .items .item{ clear:both; overflow:hidden; padding:5px 0; border-top:solid 1px #eee; }
#SideCart .items .first{ border:none;  }
#SideCart .items .item a{ overflow:hidden; }
#SideCart .items .item a.image{ height:85px; width:80px; float:left;}
#SideCart .items .item .details{ float:right; width:150px; position:relative;}
#SideCart .items .item .details a.link{ display:block; padding-right:25px; }
#SideCart .items .item .details a.link span {}
#SideCart .items .item .details div.detail{ float:left; clear:right;}
#SideCart .items .item .details div.remove{ position:absolute; top:0px; right:0px;}
#SideCart .totals{ clear:both; margin:5px 0 0 0; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
#SideCart .totals div{ height:18px; clear:both; }
#SideCart .totals span.label{ float:left; padding-left:10px  }
#SideCart .totals span.value{ float:right; padding-right:10px;   }
#SideCart .totals .count{ }
#SideCart .totals .discount{}
#SideCart .totals .total{ }
#SideCart .totals .value{}
#SideCart .actions{ height:20px; }
#SideCart .actions .cart{ float:left; padding-left:5px;  }
#SideCart .actions .checkout{ float:right; padding-right:5px; }
#SideCart .promotion{padding:10px 5px; clear:both; }
#SideCart .emptyMessage{  }
#SideCart .itemSummary{ } 
#SideCart #SideCartItemAdded{ position:absolute; background:#EEE; width:265px;  height:25px;}

/* tab system*/
#TabSystem{ margin:0 auto 10px auto; }
#TabSystem #Menu{ height:26px; }
#TabSystem #Menu ul li{ float:left;  padding:0 5px;  }
#TabSystem #Menu ul li a{height:25px; line-height:25px; vertical-align:middle; float:left;  padding:0 5px; font-weight:bold;}
#TabSystem #Menu ul li a.active{ /*height:26px;   background:#eee;*/  }
#TabSystem div.tab{ border:solid 1px #000; min-height:350px;  height:auto !important;  height:350px; }


/* breadcrumb*/
#BreadCrumb{   }
#BreadCrumb a.breadcrumb{}


/* address details - my details page & checkout */
#CheckoutAddressDetails{ }
#CheckoutAddressDetails .message{ color:Green; font-size:18px; margin:10px 0; }

#CheckoutAddressDetails .custDetails{}
#CheckoutAddressDetails .custDetails{}
#CheckoutAddressDetails td.label{ width:150px; vertical-align:top; }
#CheckoutAddressDetails td.field{}
#CheckoutAddressDetails tr.country select{ }
#CheckoutAddressDetails tr.country select option{  }
#CheckoutAddressDetails .actions{ margin:5px 0; width:415px;}
#CheckoutAddressDetails #tblActions{ width:100%;}
.custDetails .postCode{ display:block; }
#CheckoutAddressDetails tr.actions{ text-align:right;}
#CheckoutAddressDetails tr.actions td a{ padding-right:10px;}
#CheckoutAddressDetails div.custDetails{ float:left; width: 415px;}
#CheckoutAddressDetails div.custDetails table{ }
#CheckoutAddressDetails div.custDetails tr.toggle{ height:25px;}
#CheckoutAddressDetails #UserDetails{ margin-bottom:10px; }
#CheckoutAddressDetails #BillingDetails{}

/* checkout summary control shared on checkout pages */
#CheckoutSummary{ min-height:500px;  height:auto !important; height:500px;  }
#CheckoutSummary .giftwrap{  padding:15px 15px 5px 15px; border-bottom:solid 1px #ccc; }
#CheckoutSummary .giftwrap table{ width:100%;  }
#CheckoutSummary .giftwrap table td.label{ vertical-align:top; width:150px; font-weight:bold;  }
#CheckoutSummary .giftwrap table td.field{ vertical-align:top; width:150px;  }

#CheckoutLogin h2, #CheckoutAddressDetails h2, #CheckoutPayment h2, #CheckoutSummary h2{ margin-bottom:10px; font-size: 20px; display:block; margin-top:0; }

#CheckoutSummary .summaryWrap{ position:relative; }
#CheckoutSummary #CartSummary{  margin-bottom:25px; border-bottom:solid 1px #ccc; } 
#CartSummary td.image img{ border:1px solid #838384 !important}
#CheckoutSummary div.edit{  position:absolute; top:0px; right:0px; }

#CartSummary table{ width:100%; }
#CartSummary table td{ vertical-align:middle; padding:3px; }
#CartSummary table td div{ }
#CartSummary .items{ margin-top:10px; clear:both; }
#CartSummary .items tr.header th{ font-weight:bold; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; padding: 5px 0 ;}
#CartSummary .items .total{ text-align:right; }

#CartSummary .items tr.item td.image{ text-align:center;}
#CartSummary .items tr.item td.image div{ margin:5px 0; }
#CartSummary .items tr.seperator td{ border-bottom:solid 1px #ccc;}
#CheckoutPayment{ min-height:500px;  height:auto !important;  height:500px;}
#CheckoutAddressSummary{ padding-bottom:5px; border-bottom:solid 1px #ccc; margin-top:10px; position:relative;}
#CheckoutAddressSummary .addresses{ clear:both; }
#CheckoutAddressSummary div.edit{ right:0px; top:8px; }
#CheckoutAddressSummary table td{ width:150px; vertical-align:top; }
#CheckoutAddressSummary table td.label{ width:150px; }
#CheckoutAddressSummary table td.field{ clear:both; }

/* gift wrapping control */
#CheckoutGiftwrapping .details input.text{ width:200px; }
#CheckoutGiftwrapping .details textarea{ width:200px; height:100px;}
#CheckoutGiftwrapping .details td{ padding:2px 0; }
#CheckoutGiftwrapping .details td.label{ width:75px; vertical-align:top; }
#CheckoutGiftwrapping .details table{}
#CheckoutGiftwrapping .details tr.action td{ text-align:right;}

/* cms created forms */
.form td{ padding:2px 0;}
.form td.label{ width:150px; }

#Registration tr.text2{}
#Registration .submit{ display:inline;}
#Registration tr.text2 span{ display:block; padding:2px 0;  }
#Contact textarea{ height:150px; }
#Contact .submit{ display:inline;}
#Contact tr.comments td.label{ vertical-align:top;}

/* seperate login box */
#LoginBox{}
#LoginBox .tblLogin{} 
#LoginBox .tblLogin td.forgot input{ display:none; }
#LoginBox .tblLogin td.forgot{ text-align:left; }
#LoginBox .tblLogin td.login{ text-align:right; }

/* pager */
div.pager{ overflow:hidden; }
div.pager .pagerInner{ text-align:center; }
div.pager .pagerInner * {display:inline; }
div.pager li{ display:inline }
div.pager a.previous{  }
div.pager a.view{ padding: 0 3px; }
div.pager div.pages{ }
div.pager li.page{ padding: 0 3px;}


/* checkout step indicator */
#StepIndicator{ background:#d8d8d8; overflow:hidden; height:20px; }
#StepIndicator div{ float:left; text-align:center; vertical-align:middle;}
#StepIndicator .active span{ font-weight:bold;}

/* checkout login/summary step */
#CartSummary{    }
#CheckoutSummary {border: solid 1px #000; overflow:hidden;}
#CheckoutLogin{ width:435px;  }

#CheckoutLogin .newCustomer{ background:#eee; }
#CheckoutLogin .existingCustomer{  margin-bottom:40px; }
#CheckoutLogin tr{ display:block; }
#CheckoutLogin .label{ width:150px; }
#CheckoutLogin .field{}
#CheckoutLogin .field input{ margin:1px 0 ;}
#CheckoutLogin .validationSummary{ width:auto;}

/*  */
#VoucherDetails{ border-bottom: solid 1px #000; padding:10px; }
#VoucherDetails span.title{ display:block; }
#VoucherDetails span.label{ float:left; }
#VoucherDetails a{ float:left; }
#VoucherDetails input{ float:left; margin: 0 10px;  }
#VoucherDetails #VoucherApplied{ clear:both; display:block; }

/* payment control */
#CheckoutPayment{} 
#CheckoutPayment div.voucher, #CheckoutPayment .customPanel,#CheckoutPayment div.totals,#CheckoutPayment div.shipping{ margin-bottom:12px; padding-bottom:12px; }
#CheckoutPayment div.voucher div{ clear:both; } 
#CheckoutPayment div.voucher div .message{ padding-left:5px 0 0 10px;  } 
#CheckoutPayment div.shipping{ clear:both; }
#CheckoutPayment div.totals{ overflow:hidden; clear:both;  }
#CheckoutPayment div.totals .title{  }
#CheckoutPayment span.title{ display:block; margin-bottom:10px; }
#CheckoutPayment span.label{ padding-bottom:5px; }
#CheckoutPayment div.paymentType{ padding:7px 0 ; }
#CheckoutPayment div.actions{ overflow:hidden; }
#CheckoutPayment div.totals table{ width:100%; white-space:nowrap; }
#CheckoutPayment div.totals td.label{ width:70%; padding:2px 0 2px 150px; font-weight:bold;  }
#CheckoutPayment div.totals td.field{ width:30%; text-align:right; vertical-align:top;  }
#CheckoutPayment div.totals tr.total td{ padding:10px 0; }
#CheckoutPayment div.totals td span{ padding: 0 0 0 10px; display:block; font-style:italic; white-space:normal; }
#CheckoutPayment div.totals tr.total td.label{ padding: 0 0 0 150px; }
#CheckoutPayment div.totals tr.total td.field{  }
#CheckoutPayment div.payment{  }

/* faq expanding list */
div.faq li{ padding:5px 5px 0 5px; }
div.faq li a{ font-weight:bold; }
div.faq li div.wrap{ padding:5px; }

/* transaction history in my details*/
.Transactions table{ width:500px; }
.Transactions table th{ border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; padding:5px; font-weight:bold; }
.Transactions table th.total{ }
.Transactions table th.date{  }
.Transactions table td{ padding:4px 5px ; border-bottom:solid 1px #ccc; }

/* style for alternating rows */
#CheckoutSummary #CartSummary tr.odd td{ background-color:#e5e5e5; }
.Transactions tr.odd td{ background-color:#e5e5e5; }
#MainCartItems tr.even td{ background-color:#f2f2f2; }

/* commonly used remove icon */
.remove span{ float:right; text-indent:-9999px; background:url(/images/icons/cross.png) no-repeat 0 0; width:20px; height:18px; }

/* maps */
#Map{ background:#9cb2be; float:left; border:solid 1px #888; }
#Map .googleMap{ margin:10px; }

/* store_cart_shoppingcart_ascx */
#MainCartItems{ padding: 0 0 20px 0; }
.cartTitle{ font-size:20px; }
table.cartItems{ margin:10px 0; width:100%;  }
table.cartItems th{ padding:5px 0; font-weight:bold; text-align:left; }
table.cartItems th.name{ width:225px;}
table.cartItems th.thumbnail{ }
table.cartItems th.remove{ width:50px; }
table.cartItems td.remove{ padding-right:15px; }
table.cartItems td.remove span{ float:right; text-indent:-9999px; background:url(/images/icons/cross.png) no-repeat 0 0; width:20px; height:18px; }
#MainCart tr.standard td{ padding:4px 0; }
#MainCart td.giftwrap{ text-align:center; }
#MainCart td.giftcard{ text-align:center; }
#MainCart td.quantity input{ width:30px; }
#MainCart td.thumbnail{ text-align:center; }
#MainCartVoucher{ border:solid 1px #000; width:300px;  padding:10px; float:left;  }
#MainCartVoucher span.title{ display:block; margin-bottom:5px; }
#MainCartVoucher span.message{ display:block; white-space:nowrap; }
.voucherInner span.label{ display:block; margin-bottom:2px; }
.voucherInner span.message{ clear:both; float:left; margin:5px 0 0 0; color:Red; }
.voucherInner span.success{ color:Green; }
#MainCartTotals{ float: right; }
#MainCartTotals td{ padding: 2px 0;}
#MainCartTotals td.label{ width:115px; }
#MainCartTotals td.field{ text-align:right;}
#MainCartTotals tr.subTotal td{ border-bottom:1px solid #EEEEEE;}
#MainCartTotals tr.total td{ border-bottom:3px double #EEEEEE;}
#MainCartNav{clear:both;  padding:20px 0 20px 0; }
#MainCartNav div.actions{ height:35px;  position:relative;  }
#MainCartNav a{ position:absolute; top:10px;  }
#MainCartNav a.continue{  }
#MainCartNav a.checkout{ right:0;  }
#MainCartNav a span{ font-weight:bold;}
#MainCartNav .message { display:block; position:absolute; right:110px; text-align:right;}
#MainCartNav .message span{ display:block;  }


/* catlist template1 */

#ProductTabs #TabSystem{ width:400px; clear:left; margin:0; padding:25px 0 10px 0 ;}
#ProductTabs #TabSystem .tab{ min-height:100px;  height:auto !important;  height:100px;}

/* product details common */
#ProductImage{ float:left;  width:400px; margin:10px 0 0 0; position:relative;  }
#ProductImage .ajaxLoading{ position:absolute; left:195px; top:150px; }
#ProductImage .mainImage{ position:relative; }
#ProductDetails{ float:right; }
#ProductDetails .stockLevel{ margin:10px 0; }
#ProductDetails .description{ padding:3px 10px; }

#ProductDetails #AddToCart{ padding:10px 25px;}
#ProductDetails .otherLinks{ margin:10px 0 0 0; position:relative; height:30px; text-align:center;}
#ProductDetails .otherLinks .back{ position:absolute; left:0; top:0;}
#ProductDetails .otherLinks .email{ position:absolute; left:50px; top:0;}
#ProductDetails .otherLinks .print{position:absolute; right:0; top:0;}
#AddToCart .skuSelection .item{ margin:2px 0 ;}
#AddToCart .skuSelection .item .title{ width: 75px; float:left; }
#AddToCart .skuSelection .item select{ width: 130px; }

#AddToCart .actions .btnWrap .addToCart{ float:left;}
#AddToCart .actions .btnWrap .viewCart{ float:right; }
#AddToCart .quantity{  clear:both; }
#AddToCart .quantity span{ float:left; width: 75px; line-height:25px; vertical-align:middle; }
#AddToCart .quantity input{ width: 30px; }

 
/* product details 1 */
#RelatedProducts .title{ display:block; margin:5px 0; }
#RelatedProducts .relatedProducts{ margin: 10px 0 10px 0; padding:5px;  }
#RelatedProducts table{ width:100%;}
#RelatedProducts .item{ padding:5px 0; min-height:110px;  height:auto !important;  height:110px;  margin:0 2px;  }
#RelatedProducts td{ width: 100px;  text-align:center;  vertical-align:top; }
#RelatedProducts td.item a.thumbnail{ display:block;}

/**************** content boxes *************/

/* stockists */

.stockist .googleMap{ width:300px; height:300px; }
#StoreFinder .regionList{ width:250px; float:left;padding:5px 0; }
#StoreFinder .regionList .SubText{ font-weight:bold;}
#StoreFinder .storeInfo{ width:600px; float:left; padding:0 0 0 25px; }
#StoreFinder #Map{ float:left; }
#StoreFinder #Map .googleMap{ }
#StoreFinder .storeInfo .region{ margin:10px 0; font-size:24px; margin:3px 0;  }
#StoreFinder .storeInfo .region span{ }
#StoreFinder .storeInfo .location{  margin:3px 0; }
#StoreFinder .storeInfo .phone{ clear:left; margin:3px 0;  }
#StoreFinder .storeInfo .hours{ margin:3px 0; font-weight:bold; }
#StoreFinder .storeInfo .hours span{ margin:3px 0; font-weight:normal; display:block; }

.productDisp #SendToFriend{ clear:left; border:solid 1px blue; margin:10px; padding:10px; min-height:400px;  height:auto !important;  height:400px;  }
.productDisp #SendToFriend h3{ font-size:20px; margin:10px 0; }
.productDisp #SendToFriend .image{ width:220px; float:left; }
.productDisp #SendToFriend .details td{ padding:3px 0; }
.productDisp #SendToFriend .details .label{ width:115px; vertical-align:top;  }
.productDisp #SendToFriend .details .field{}
.productDisp #SendToFriend .details input.text{ width:150px; display:block; }
.productDisp #SendToFriend .details textarea{ width:150px; height:100px; font-family:Arial; font-size:12px;  }
.productDisp #SendToFriend{  }
.productDisp #SendToFriend{  }
#Zoom{ background:url(/images/icons/magnifier.png) no-repeat left 0;  padding-left:20px; position:absolute; bottom:0;  }


/* Checkout Payment Online/Offline Complete */
#CheckoutPaymentOnlineComplete .message{ padding:5px 0;}
#CheckoutPaymentOnlineComplete .message .message{ font-weight:bold; }
#CheckoutPaymentOfflineComplete .message .message{ font-weight:bold; }
#CheckoutPaymentOfflineComplete .message{ padding:5px 0;}

/* default template */

/* product related products popup */
#ProductPopup { width:725px; margin:0 auto;  overflow:hidden; position:relative; padding-bottom:25px; }
#ProductPopup #Close{ position:absolute; bottom:5px; right:5px; }
#ProductPopup #Added{ position:absolute; top:7px; right:130px;font-weight:bold; right:10px; text-align:center; width:305px;display:none;  }
#ProductPopup #ProductImage{ float:left; }
#ProductPopup #ProductDetails{ margin-right:0; padding-top:30px;  }
#ProductPopup #ProductDetails .otherLinks { display:none; }
#ProductPopup #RelatedProducts{ display:none; }
#ProductPopup .skuSelection input{ height:15px !important; }