/*********************************************************************************/
/****************************** resets & basic setup ******************************/
/*********************************************************************************/
h1, h2, h3, h4, p, img, a, span, div, body, html{ border:none; font-weight:normal; margin:0; padding:0; }
table, td, tr, th { margin:0; padding:0;}

body{ }
table{ font-size:14px; }


.title{ font-size:18px;}
.min{ height:300px; float:right; width:1px; } /* min height for content areas*/
.clear{ clear:both; }
.hidden{ display:none; }
.icon{ background:url(/images/icons.gif) no-repeat 0 0; }

.contentArea{ background:#eee; }

input.submit{ display:none; }
/* temp styles*/
.productCat div.image{ min-height:150px;  height:auto !important;  height:150px; border:solid 1px #eee; }

/****************************** main areas ******************************/
#SiteWrapper{  text-align:center;  }
#PageWrapper{ width:990px; margin: 0 auto; border:solid 1px blue; text-align:left;  background:#fff; }

#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{  background:#fff;} 
#Header ul li{ padding:0; margin:0; list-style-type:none;}

#Content{  border-top:solid 2px #000;  min-height:500px;  height:auto !important;  height:500px; }

#Footer{  clear:both;  position:relative; height:30px;}
#Footer .inner{ background:#eee; padding:5px; }
#Footer #SiteCopy{ float:left; }
#Footer #CreatorCopy{ float:right; }
#Footer .content{ text-align:center; }

#SubFooter{ margin-top:10px;}
#SubFooter #PaymentOptions{ height:55px; text-align:center;}
#SubFooter #PaymentOptions span{ height:43px; float:left;}
#SubFooter #PaymentOptions .visa{ background-position:0 0; width:110px; margin-left:400px; }
#SubFooter #PaymentOptions .master{ background-position:-200px 0; width:67px;margin-left:10px; }

/****************************** navigation ******************************/
#Navigation{ position:absolute;  }
#Navigation ul.horizontal{ background:#eee; }
#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{}
#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{ background:#548FcD; }
#Navigation ul li{ float:left; padding: 0 5px; cursor:pointer;}
#Navigation ul li a{ float:left; }
#Navigation ul.rootGroup li.item{}
#Navigation ul.rootGroup li.first{}
#Navigation ul.rootGroup li.last{}

#SecNavigation li a{ padding:2px 0; display:block;  }
#SecNavigation li a:hover{ background:#548FcD; }


#NavTabs{ position:absolute; right:10px;   }
#NavTabs ul li{ float:left; margin:0 5px;   }

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

/* 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; height:20px; width:200px; right:20px; top:20px; }
#SearchBox{ height: 20px; width:200px;}
#SearchBox .field{ float:left; margin: 0 10px 0 0; }
#SearchBox .actions{ float:left; }
#SearchBox .actions a{ line-height:20px; vertical-align:middle; }
#SearchBox .actions input{ display:none; }

/* slippery slidy side cart*/
#SideCartWrapper{ position:absolute; height:25px; width:265px; right:5px; bottom:0px; 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 .cartContent .items .even{  }
#SideCart .cartContent .items .item{ clear:both; overflow:hidden; padding:5px 0; border-top:solid 1px #eee; }
#SideCart .cartContent .items .first{ border:none;  }
#SideCart .cartContent .items .item a{ overflow:hidden; }
#SideCart .cartContent .items .item a.image{ height:85px; width:80px; float:left;}
#SideCart .cartContent .items .item .details{ float:right; width:150px; position:relative;}
#SideCart .cartContent .items .item .details a.link{ display:block; }
#SideCart .cartContent .items .item .details a.link span {}
#SideCart .cartContent .items .item .details div.detail{ float:left; clear:right;}
#SideCart .cartContent .items .item .details div.remove{ position:absolute; top:0px; right:0px;}
#SideCart .cartContent .totals{ clear:both; margin:5px 0 0 0; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
#SideCart .cartContent .totals div{ height:18px; clear:both; }
#SideCart .cartContent .totals span.label{ float:left; padding-left:10px  }
#SideCart .cartContent .totals span.value{ float:right; padding-right:10px;   }
#SideCart .cartContent .totals .count{ }
#SideCart .cartContent .totals .discount{}
#SideCart .cartContent .totals .total{ }
#SideCart .cartContent .totals .value{}
#SideCart .cartContent .actions{ height:20px; }
#SideCart .cartContent .actions .cart{ float:left; padding-left:5px;  }
#SideCart .cartContent .actions .checkout{ float:right; padding-right:5px; }
#SideCart .cartContent .promotion{ background:#233f6d; padding:10px 5px; clear:both; }
#SideCart .emptyMessage{ background-color:#EEE; height:25px; line-height:25px; vertical-align:middle; text-indent:5px; }
#SideCart .itemSummary{ background-color:#EEE; height:25px; line-height:25px; vertical-align:middle; text-indent:5px; } 
#SideCart #SideCartItemAdded{ position:absolute; background:#EEE; width:265px;  height:25px; line-height:25px; padding-left:5px; }

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

.min{float:right; width:1px; height:300px;}
/* breadcrumb*/
#BreadCrumb{ padding:5px 10px ; background:#eee; }
#BreadCrumb a.breadcrumb{}
#BreadCrumb span.breadcrumb{ c}

/* address details - my details page & checkout */
#CheckoutAddressDetails{ }
#CheckoutAddressDetails .message{  }
#CheckoutAddressDetails h2{}
#CheckoutAddressDetails .custDetails{}
#CheckoutAddressDetails .custDetails{}
/*#CheckoutAddressDetails td{ padding:2px 0 ;}*/
#CheckoutAddressDetails td.label{ width:150px; vertical-align:top; }
#CheckoutAddressDetails td.field{ width:255px; }
#CheckoutAddressDetails tr.country select{ }
#CheckoutAddressDetails tr.country select option{  }
#CheckoutAddressDetails div.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{ border-bottom:dashed 1px #ccc;}
#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;  margin-bottom:10px;  }
#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;  }

#CheckoutSummary .title{  }
#CheckoutSummary .summaryWrap{ padding: 15px; position:relative; }
#CheckoutSummary #CartSummary{  margin-bottom:25px; border-bottom:solid 1px #ccc; } 
#CheckoutSummary div.edit{  position:absolute; top:23px; right:17px; }

#CheckoutSummary #CartSummary table{ width:100%; }
#CheckoutSummary #CartSummary table td{ vertical-align:middle; padding:3px; }
#CheckoutSummary #CartSummary table td div{ }
#CheckoutSummary #CartSummary .items{ margin-top:10px; clear:both; }
#CheckoutSummary #CartSummary .items tr.header th{ font-weight:bold; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; padding: 5px 0 ;}
#CheckoutSummary #CartSummary .items .total{ text-align:right; }
#CheckoutSummary #CartSummary .items tr.item{}
#CheckoutSummary #CartSummary .items tr.item td.image{ text-align:center;}
#CheckoutSummary #CartSummary .items tr.item td.image div{ margin:5px 0; }
#CheckoutSummary #CartSummary .items tr.item td.details{}
#CheckoutSummary #CartSummary .items tr.item td.quantity{}
#CheckoutSummary #CartSummary .items tr.item td.total{}
#CheckoutSummary #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; }
#CheckoutAddressSummary table td.label{ width:150px; }
#CheckoutAddressSummary table td.field{ clear:both; }

/* gift wrapping control */
#CheckoutGiftwrapping{}
#CheckoutGiftwrapping h2{}
#CheckoutGiftwrapping div.items{}
#CheckoutGiftwrapping .validationSummary{}
#CheckoutGiftwrapping .details{}
#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; }
.form td.field input.text{ width:210px; }
.form td.field select{ width:216px; }
#Registration tr.text2{}
#Registration .submit{ display:inline;}
#Registration tr.text2 span{ display:block; padding:2px 0;  }
textarea{ width:210px; height:150px; }
#Contact .submit{ display:inline;}

/* search results control */
.searchTable{ width:100%; }
.searchTable div.item{ padding:5px; clear:both; overflow:hidden; position:relative;  }
.searchTable div.item .title{ }
.searchTable div.item .description{ }
.searchTable div.item .image{ }
#Information div.item .description{   }
#Information div.item .title{  }


/* 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;}

/* product/cat filters */
.filterWrap{ margin-top:10px;}
.filterWrap .title{ margin:5px 0; font-weight:bold;}
#Filters .heading{  font-style:italic; display:block; padding:5px 0; }
#Filters .colour,#Filters .size,#Filters .custom1,#Filters .custom2{ padding:5px 0;}
#Filters table.option{ margin-left:5px;}
#Filters table.option td{ width:90px;}
#Filters .size{}
#Filters .custom1{}
#Filters .custom2{}

/* checkout step indicator */
#StepIndicator{ background:#d8d8d8; overflow:hidden; height:20px; }
#StepIndicator div{ float:left; width:163px; text-align:center; border-left:solid 1px black; border-right:solid 1px black; height:20px; line-height:20px; vertical-align:middle;}
#StepIndicator .first{ border-left:none;}
#StepIndicator .last{ border-right:none;}
#StepIndicator .active{ }
#StepIndicator .active span{ font-weight:bold;}
#StepIndicator .label{}

/* checkout login/summary step */
#CartSummary{   width:435px; }
#CheckoutSummary {border: solid 1px #000; overflow:hidden; background:#eee; width:465px; }
#CheckoutLogin{ width:435px;  }
#CheckoutLogin .newCustomer{ border: solid 1px #000; background:#eee; padding:15px; }
#CheckoutLogin .existingCustomer{ border: solid 1px #000; background:#eee; margin-bottom:20px; padding:15px; }
#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{ border:solid 1px #000;}
#CheckoutPayment div.voucher{ }
#CheckoutPayment div.voucher div{ } 
#CheckoutPayment div.voucher div .message{ padding-left:5px 0 0 10px;  } 
#CheckoutPayment div.shipping{}
#CheckoutPayment div.totals{ overflow:hidden; padding:10px 0; }
#CheckoutPayment span.title{  }
#CheckoutPayment div.totals span.title{}
#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; padding-right:10px; vertical-align:top;  }
#CheckoutPayment div.totals tr.total{  }
#CheckoutPayment div.totals tr.total td{ }
#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{  }
#CheckoutPayment div.totals tr.total td.field{ padding-right:10px; }
#CheckoutPayment div.totals td.label{ }
#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{ border-right:solid 1px #ccc; }
.Transactions table th.date{ border-left:solid 1px #ccc; }
.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 */
#MainCart #MainCartItems{ padding: 0 0 20px 0; }
#MainCart .cartTitle{  }
#MainCart table.cartItems{ margin:10px 0; width:100%;  }
#MainCart table.cartItems th{ padding:5px; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc;background:#eee; font-weight:bold; }
#MainCart table.cartItems th.name{ width:225px;}
#MainCart table.cartItems th.thumbnail{ border-left: solid 1px #ccc;}
#MainCart table.cartItems th.remove{ border-right: solid 1px #ccc; width:50px; }
#MainCart table.cartItems td.remove{ padding-right:15px; }
#MainCart 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{ }
#MainCart tr.standard td{ padding:4px 0; border-bottom: solid 1px #eee;}
#MainCart td.giftwrap{ text-align:center; }
#MainCart td.giftcard{ text-align:center; }
#MainCart td.quantity input{ width:30px; }
#MainCart td.thumbnail{ text-align:center; }
#MainCart .cartTotals{   }
#MainCart #MainCartVoucher{ border:solid 1px #000; width:300px;  padding:10px; float:left;  }
#MainCart #MainCartVoucher span.title{ display:block; margin-bottom:5px; }
#MainCart #MainCartVoucher span.label{ display:block; margin-bottom:2px; }
#MainCart #MainCartVoucher input.text{}
#MainCart #MainCartVoucher span.message{  float:left; margin:5px 0 0 0;  }
#MainCart #MainCartVoucher span.success{ color:Green; }
#MainCart #MainCartTotals{ float: right; }
#MainCart #MainCartTotals td{ padding: 2px 0;}
#MainCart #MainCartTotals td.label{ width:115px; }
#MainCart #MainCartTotals td.field{ text-align:right;}
#MainCart #MainCartTotals tr.subTotal td{ border-bottom:1px solid #EEEEEE;}
#MainCart #MainCartTotals tr.total td{ border-bottom:3px double #EEEEEE;}
#MainCart #MainCartNav{clear:both;  padding:20px 0 20px 0; }
#MainCart #MainCartNav div.actions{ height:35px; border:solid 1px #ccc; background:#eee; position:relative;  }
#MainCart #MainCartNav a{ position:absolute; top:10px;  }
#MainCart #MainCartNav a.continue{ left:10px; }
#MainCart #MainCartNav a.checkout{ right:10px;  }
#MainCart #MainCartNav a span{ font-weight:bold;}
#MainCart #MainCartNav .message { display:block; position:absolute; right:110px; text-align:right;}
#MainCart #MainCartNav .message span{ display:block;  }


h3.optionName{ color:Red; font-weight:bold; font-size:8px;}
/* catlist template1 /*
.op1 .categories{ margin: 10px 0 10px 0;  }
.op1 .catListHead{  padding: 0 0 0 20px;  }
.op1 #CategoryList{ margin: 0 0 10px 20px; }
.op1 #CategoryList table td{ width:375px;}
.op1 #CategoryList .currentCategory{}
.op1 #CategoryList .currentCategory h1{}
.op1 #CategoryList .currentCategory .categoryDesc{}
.op1 #CategoryList .category{ padding:10px;}
.op1 #CategoryList .category .categoryLiner{}
.op1 #CategoryList .category .image{ width:150px; height:120px; float:left;text-align:center; border:solid 1px #eee; }
.op1 #CategoryList .category .image a{}
.op1 #CategoryList .category .image a img{}
.op1 #CategoryList .category .detail{ margin-left:165px; }
.op1 #CategoryList .category .detail .name{ font-size:15px; padding:0 0 5px 0; }
.op1 #CategoryList .category .detail .name a{ font-weight:bold; }
.op1 #CategoryList .category .detail .description{}
.op1 #CategoryList .category .detail .categoryLink{ margin:5px 0;  }
.op1 #CategoryList .category .detail .categoryLink a{}
.op1 #CategoryList .categories table td{ vertical-align:top;}

/* catlist template2 */
.op2 .categories{ margin: 10px 0 0 0; }
.op2 #CategoryList{ margin: 0 0 0 20px; }
.op2 #CategoryList table td{ width:380px;}
.op2 #CategoryList .currentCategory{}
.op2 #CategoryList .currentCategory h1{}
.op2 #CategoryList .currentCategory .categoryDesc{}
.op2 #CategoryList .currentCategory{ margin: 0 50px 0 50px; }
.op2 #CategoryList .category{ padding:10px 100px 10px 0;}
.op2 #CategoryList .category .categoryLiner{}
.op2 #CategoryList .category .detail{ }
.op2 #CategoryList .category .detail .name{ font-size:15px; padding:0 0 5px 0; }
.op2 #CategoryList .category .detail .name a{ font-weight:bold; }
.op2 #CategoryList .category .detail .description{}
.op2 #CategoryList .category .detail .categoryLink{ margin:5px 0;  }
.op2 #CategoryList .category .detail .categoryLink a{}
.op2 #CategoryList .categories table td{ vertical-align:top;}

/* catlist template3 */
.op3 .categories{ margin: 0 0 0 0; }
.op3 #CategoryList{ margin: 0 0 0 20px; }
.op3 #CategoryList .currentCategory{}
.op3 #CategoryList .currentCategory h1{}
.op3 #CategoryList .currentCategory .categoryDesc{}
.op3 #CategoryList .category{  padding:5px; width:225px; margin-top:25px; }
.op3 #CategoryList .category .categoryLiner{}
.op3 #CategoryList .category .image{ width:215px; height:150px; text-align:center;}
.op3 #CategoryList .category .image a{}
.op3 #CategoryList .category .image a img{}
.op3 #CategoryList .category .detail{ margin-top:5px;  }
.op3 #CategoryList .category .detail .name{ font-size:15px; padding:0 0 5px 0; }
.op3 #CategoryList .category .detail .name a{ font-weight:bold; }
.op3 #CategoryList .category .detail .description{ display:none;}
.op3 #CategoryList .category .detail .categoryLink{ display:none; }
.op3 #CategoryList .category .detail .categoryLink a{}
.op3 #CategoryList .categories table td{ vertical-align:top;}

/* productList template1 *//*
.op1 .products{ margin: 10px 0 0 0; border:solid 1px #ddd; border-right:none; border-left:none; }
.op1 #ProductList{ padding: 0 0 0 20px;   }
.op1 #ProductList .currentCategory{}
.op1 #ProductList .currentCategory h1{}
.op1 #ProductList .currentCategory .categoryDesc{}
.op1 #ProductList .product{ padding:10px; overflow:hidden; }
.op1 #ProductList .products table{ width:675px; padding:0; margin:0;  }
.op1 #ProductList .products table td{ width:315px;}
.op1 #ProductList .product .categoryLiner{}
.op1 #ProductList .product .detail{  }
.op1 #ProductList .product .detail h2{ font-size:18px; }
.op1 #ProductList .product .detail .name a{ font-weight:bold; }
.op1 #ProductList .product .detail div.price{}
.op1 #ProductList .product .detail div.price .sale{ color:Green;}
.op1 #ProductList .product .detail div.price span.price{}
.op1 #ProductList .product .detail div.price span.original{ text-decoration:line-through; display:block; color:Red; }
.op1 #ProductList .product .detail .description{ display:none; }
.op1 #ProductList .product .detail .more{ margin:5px 0;  }
.op1 #ProductList .product .detail .more a{}
.op1 #ProductList .product .detail .more a span{}
.op1 #ProductList .products table td{ vertical-align:top;}

/* productList template2 */
.op2 .products{ margin: 10px 0 0 0; border:solid 1px #ddd; border-right:none; border-left:none; }
.op2 #ProductList{ margin: 0 0 0 20px; }
.op2 #ProductList .currentCategory{}
.op2 #ProductList .currentCategory h1{}
.op2 #ProductList .currentCategory .categoryDesc{}
.op2 #ProductList .product{ width:350px; padding:10px; overflow:hidden;}
.op2 #ProductList .product .categoryLiner{}
.op2 #ProductList .product .image{ width:150px; height:120px; float:left;text-align:center; }
.op2 #ProductList .product .image a{}
.op2 #ProductList .product .image a img{}
.op2 #ProductList .product .detail{ margin-left:160px;  }
.op2 #ProductList .product .detail h2{ }
.op2 #ProductList .product .detail .name a{ font-weight:bold; }
.op2 #ProductList .product .detail div.price{}
.op2 #ProductList .product .detail div.price .sale{}
.op2 #ProductList .product .detail div.price span.price{}
.op2 #ProductList .product .detail div.price span.original{ text-decoration:line-through; }
.op2 #ProductList .product .detail .description{ display:none; }
.op2 #ProductList .product .detail .more{ margin:5px 0;  }
.op2 #ProductList .product .detail .more a{}
.op2 #ProductList .product .detail .more a span{}
.op2 #ProductList .products table td{ vertical-align:top;}

/* productList template3 */
.op3 .products{ margin: 10px 0 0 0; border:solid 1px #ddd; border-right:none; border-left:none; }
.op3 #ProductList{ margin: 0 0 0 20px; }
.op3 #ProductList .currentCategory{}
.op3 #ProductList .currentCategory h1{}
.op3 #ProductList .currentCategory .categoryDesc{}
.op3 #ProductList .product{ width:175px; padding:10px; overflow:hidden; }
.op3 #ProductList .product .categoryLiner{}
.op3 #ProductList .product .image{ text-align:center; }
.op3 #ProductList .product .image a{}
.op3 #ProductList .product .image a img{}
.op3 #ProductList .product .detail{ }
.op3 #ProductList .product .detail h2{ }
.op3 #ProductList .product .detail .name a{ font-weight:bold; }
.op3 #ProductList .product .detail div.price{}
.op3 #ProductList .product .detail div.price .sale{}
.op3 #ProductList .product .detail div.price span.price{}
.op3 #ProductList .product .detail div.price span.original{ text-decoration:line-through; }
.op3 #ProductList .product .detail .description{ display:none; }
.op3 #ProductList .product .detail .more{ margin:5px 0;  }
.op3 #ProductList .product .detail .more a{}
.op3 #ProductList .product .detail .more a span{}
.op3 #ProductList .products table td{ vertical-align:top;}


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

/* 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{ border:Solid 1px #eee; min-height:300px;  height:auto !important;  height:300px;  padding-bottom:20px; position:relative; }
#ProductImage #ProductThumbnails{ border:Solid 1px #eee; }
#ProductImage #ProductThumbnails img{ border:solid 1px #fff;}
#ProductImage #ProductThumbnails img:hover{ border:solid 1px #ccc;}
#ProductImage #ProductThumbnails .SkuImageSelected{ border:solid 1px #ccc;}
#ProductDetails{ float:right; width:340px; margin-right:30px; }
#ProductDetails h1{}
#ProductDetails div.price{  }
#ProductDetails .stockLevel{ margin:10px 0; }
#ProductDetails .stockLevel .inStock{ color:Green; }
#ProductDetails .stockLevel .noStock{}
#ProductDetails .description{ color:#555; font-style:italic; padding:3px 10px; }
#ProductDetails .description p{}
#ProductDetails .relatedDocs{}
#ProductDetails #AddToCart{ border:solid 1px #000; background:#eee; padding:10px 25px;}
#ProductDetails div.price .sale{}
#ProductDetails div.price .sale div.was .was{ } 
#ProductDetails div.price .sale .now *{}
#ProductDetails div.price .sale .value{ }
#ProductDetails div.price .sale div.was *{}
#ProductDetails div.price .sale div.was .value{ text-decoration:line-through; }
#ProductDetails div.price .noSale .value{}
#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:137px; top:0;}
#ProductDetails .otherLinks .print{position:absolute; right:0; top:0;}
#AddToCart .skuSelection{ }
#AddToCart .skuSelection .item{ margin:2px 0 ;}
#AddToCart .skuSelection .item .title{ width: 75px; float:left; }
#AddToCart .skuSelection .item select{ width: 130px; }
#AddToCart .selectedPrice{}
#AddToCart .cartMessage{}
/*#AddToCart .actions{ min-height:20px;  height:auto !important;  height:20px; clear:left; }*/
#AddToCart .actions .btnWrap{  }
#AddToCart .actions .btnWrap .addToCart{ float:left;}
#AddToCart .actions .btnWrap .viewCart{ float:right; }
#AddToCart .quantity{  clear:both; }
#AddToCart .quantity .label{ float:left; width: 75px; line-height:25px; vertical-align:middle; }
#AddToCart .quantity .value{ width: 30px; }
#AddToCart .infoLinks{}

.dropSwatch { padding:2px; }
.dropSwatch a.swatchItem{ display:block; overflow:hidden; }
.dropSwatch a.swatchItem:hover{ background:#eee; }
.dropSwatch img{ float:right;}
.dropSwatch span.sibling{ float:left; line-height:30px; vertical-align:middle; }

.swatch{ display:block; clear:both; }
.swatch span.title{}
.swatch ul{}
.swatch ul li{ display:inline; }
.swatch ul li a{ padding: 0 5px 0 0;}
.swatch ul li a img{}
.swatch span.sibling{  display:none; }
 
/* product details 1 */
.op1 #ProductDetails #RelatedProducts{}
.op1 #ProductDetails #RelatedProducts span.title{ font-weight:bold; font-style:italic; display:block; margin:5px 0; }
.op1 #ProductDetails #RelatedProducts .relatedProducts{width:100%; margin: 10px 0 10px 0; padding:5px;  }
.op1 #ProductDetails #RelatedProducts table{ width:100%;}
.op1 #ProductDetails #RelatedProducts div.item{ padding:5px 0; min-height:110px;  height:auto !important;  height:110px;  margin:0 2px;  }
.op1 #ProductDetails #RelatedProducts td.item{ width: 100px;  text-align:center; border:solid 1px #eee; vertical-align:top; }
.op1 #ProductDetails #RelatedProducts td.item a.name{}
.op1 #ProductDetails #RelatedProducts td.item a.thumbnail{ display:block; border:solid 1px #ccc; }
.op1 #ProductDetails #RelatedProducts td.item a.thumbnail img{ }
.op1 #ProductDetails #RelatedProducts td.item span.price{}

/* product details 1b */
.op1b #ProductDetails #RelatedProducts{}
.op1b #ProductDetails #RelatedProducts span.title{ font-weight:bold; font-style:italic; display:block; margin:5px 0; }
.op1b #ProductDetails #RelatedProducts .relatedProducts{width:100%; margin: 10px 0 10px 0; padding:5px;  }
.op1b #ProductDetails #RelatedProducts table{ width:100%; background:#eee;}
.op1b #ProductDetails #RelatedProducts div.item{ padding:5px 0; min-height:110px;  height:auto !important;  height:110px;  margin:0 2px; }
.op1b #ProductDetails #RelatedProducts td.item{ width: 100px;  text-align:center;  }
.op1b #ProductDetails #RelatedProducts td.item a.name{}
.op1b #ProductDetails #RelatedProducts td.item a.thumbnail{ display:block; border:solid 1px #ccc; border:solid 1px #eee; vertical-align:top;}
.op1b #ProductDetails #RelatedProducts td.item a.thumbnail img{ }
.op1b #ProductDetails #RelatedProducts td.item span.price{}

/* product details 2 */
.op2 #ProductDetails #RelatedProducts span.title{ font-weight:bold; font-style:italic; display:block; margin:5px 0; }
.op2 #ProductDetails #RelatedProducts .relatedProducts{width:100%; margin: 10px 0 10px 0; padding:5px;  }
.op2 #ProductDetails #RelatedProducts table{ width:100%;}
.op2 #ProductDetails #RelatedProducts div.item{ padding:5px 0; min-height:110px;  height:auto !important;  height:110px;  margin:0 2px; }
.op2 #ProductDetails #RelatedProducts td.item{ width: 100px;  text-align:center; border:solid 1px #eee; vertical-align:top; }
.op2 #ProductDetails #RelatedProducts td.item a.name{}
.op2 #ProductDetails #RelatedProducts td.item a.thumbnail{ display:block; border:solid 1px #ccc; }
.op2 #ProductDetails #RelatedProducts td.item a.thumbnail img{ }
.op2 #ProductDetails #RelatedProducts td.item span.price{}


/**************** content boxes *************/
/*
.home #Sub{ float:left; width:275px; margin:5px; }


.op1 #Main .section2{ float:right; width: 385px; }

/**************** page specific *************/




/* my details */
.myDetails #Main{ }
.myDetails #CheckoutAddressDetails div.actions{ clear:left;}
/* stockists */
.stockist #Main{  }
.stockist #Main .sec1{}
.stockist #Main .sec1 .content{ padding:10px; }
.stockist .googleMap{ width:300px; height:300px; }
#StoreFinder .regionList{ width:250px; float:left; height:490px; overflow:scroll; overflow-x:hidden; border: double 3px #ccc; border-left:none; border-right:none; 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; }

/* lookbook */
.lookbook #Sub{ float:left; width:275px; margin:5px; }
.lookbook #Main{ float:right; }
.lookbook #Main .sec1{width:700px; border:solid 1px blue;}


.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{  }
.productDisp #Zoom{ background:url(/images/icons/magnifier.png) no-repeat right 0;  padding-right:20px; position:absolute; bottom:0; right:0;  }

/* cart *//*
.cart #SideCartWrapper{ display:none; }
.cart #Main{ padding:20px;}
.cart #Main .sec1{ float:right; width:800px; }
.cart #Main .sec2{ float:left; }
.cart #Sub{ float:left; width:150px; margin:5px; }

/* checkout step1 */
.checkoutStep1{}
.checkoutStep1 #Main{ padding:20px;}
.checkoutStep1 #Main .sec1{ float:left; width:465px;  }
.checkoutStep1 #Main .sec2{ float:right; width:435px;}

/* checkout step2 */
.checkoutStep2{}
.checkoutStep2 #Main{ padding:20px;}
.checkoutStep2 #Main .sec1{float:left; width:465px; }
.checkoutStep2 #Main .sec2{float:right; width:400px; }
.checkoutStep2 #CheckoutAddressDetails{ float:left; }
.checkoutStep2 #UserDetails.custDetails{ float:none;}
.checkoutStep2 #BillingDetails.custDetails{ float:none;}

/* checkout step4 */
.checkoutStep3{}
.checkoutStep3 #Main{ padding:20px;}
.checkoutStep3 #Main .sec1{ float:left; width:465px;  }
.checkoutStep3 #Main .sec2{ float:right; width:400px; }
.checkoutStep3 #CheckoutSummary{ float:right; }
.checkoutStep3 #CheckoutPayment{}


/* checkout step1 */
.checkoutStep4{} 

.checkoutStep4 #Main{ padding:20px;}
.checkoutStep4 #Main .sec1{ float:left; width:465px; }
.checkoutStep4 #Main .sec2{ float:right; width:450px; height:500px; }
.checkoutStep4 #CheckoutSummary{  }
.checkoutStep4 #CheckoutPayment{ }

/* default template *//*
.default{}
.default #Main{ float:right; width:780px; }
.default #Main .sec1 .contentArea{ min-height:500px;  height:auto !important;  height:500px; }
.default #Main .sec2{ float:left; width:430px; height:500px; }
.default #Sub{ float:left; width:200px; margin:5px }

/* register template *//*
.register{}
.register #Main{ padding:20px; }
.register #Main .sec1 .contentArea{ min-height:100px;  height:auto !important;  height:100px; }
.register #Main .sec2 .contentArea{ min-height:500px;  height:auto !important;  height:500px; margin-left:200px; }
.register #Main .sec3 .contentArea{ min-height:100px;  height:auto !important;  height:100px; }

/* login template *//*
.login #Sub{ float:left; width:175px;  }
.login #Main{ float:right;  }
.login #Main .sec1{width:800px; }
.login #Main .sec1 .contentArea{ min-height:100px;  height:auto !important;  height:100px; }

/* reset template *//*
.reset #Sub{ float:left; width:175px; margin:5px; }
.reset #Main{ float:right;  }
.reset #Main .sec1{width:800px; margin:50px 0 ;}

/* sitemap template */
.siteMap #Sub{ float:left; width:175px; margin:5px; }
.siteMap #Main{ float:right;  }
.siteMap #Main .sec1{width:800px; }
.siteMap #Main .sec1 ul li{ padding:3px 0;}
.siteMap #Main .sec2 .contentArea{ min-height:100px;  height:auto !important;  height:100px; }
.siteMap #SiteMap { margin:0 0 0 25px;   }
.siteMap #SiteMap ul li{ list-style-type:disc; padding:3px 0 3px 10px; list-style-position:inside; }
.siteMap #SiteMap ul li a{ }
.siteMap #SiteMap ul li ul{ padding:5px 0 0 0;}