/*******************************************/
/*                  Common                 */
/*******************************************/

html, body { margin:0; padding:0; }
body { background:#008ab5; }
.Homepage { background:#008ab5 url(../images/bg_body.gif) repeat-x; }

/*******************************************/
/*                  Layout                 */
/*******************************************/

/* Wrapper */
#Wrapper { margin:0 auto; width:958px; background:#3da6c6; }
#Wrapper #Container { min-height:600px; background:#FFF; }
#Wrapper #Container #Header { padding:0 10px 20px 10px; height:100px; background:url(../images/bg_header.png) no-repeat left bottom; }
#Wrapper #Container #Header #TopBar #Social { float:left; margin:0 5px 0 375px; width:110px; }
#Wrapper #Container #Header #TopBar #Social img { float:left; }
#Wrapper #Container #Header #TopBar #AcceptedCards { float:left; margin:0 5px 0 0; }
#Wrapper #Container #Header #TopBar #FreeDelivery { float:left; }
#Wrapper #Container #Logo { float:left; margin:-20px 10px 0 10px; }
#Wrapper #Container #ColLeft { display:inline; float:left; padding:15px; width:164px; }
#Wrapper #Container #ColRight { display:inline; float:left; width:744px; }

/* Sitemap */
#Footer { padding:15px; }
#Footer #TuskBadge { float:right; margin-top:5px; width:110px; } 
#Footer #TuskBadge a { color:#FFF; font-size:11px; } 
#Footer .Links { float:left; width:600px; }
#Footer .Links ul { margin:0; padding:0; list-style:none; }
#Footer .Links ul li { display:inline; float:left; padding:5px 25px 0 0; } 
#Footer .Links ul li a { font-weight:bold; font-size:11px; color:#FFF; }
#Footer .Links ul li a:hover { text-decoration:underline; }
#Footer .Links ul li ul { margin-top:5px; list-style:none; }
#Footer .Links ul li ul li { display:block; float:none; padding:2px 0; }
#Footer .Links ul li ul li a { font-weight:normal; color:#FFF; font-size:10px; }

/*******************************************/
/*                   Menus                 */
/*******************************************/

/* Menu */
.Menu { float:left; margin:20px 5px 0 30px; padding:0; list-style:none; }
.Menu li { display:inline; float:left; margin:0 0 0 17px; padding:10px 0; } 
.Menu li a { display:block; color:#7ac6d6; font-size:16px; text-transform:lowercase; }
.Menu li a:hover { color:#018ab6; }

/* Cart Menu */
.CartMenu { float:left; margin:20px 0 0 15px; padding:0 0 0 5px; border-left:1px solid #bae0e9; }

/* Cart */
.Cart { display:inline; float:right; margin:20px 10px 0 0; padding:10px 0 6px 40px; width:72px; background:url(../images/bg_cart.gif) no-repeat; }
.Cart a { display:block; color:#3fa6c5; font-size:16px; text-transform:lowercase; }
.Cart a:hover { color:#018ab6; }

/* Shop Menu Container */
#ShopMenuContainer, #LocalityMenuContainer { background:#3da6c6; height:42px; }

/* Shop Menu */
.ShopMenu { position:relative; float:left; list-style:none; margin:0; padding:0; z-index:5; }
.ShopMenu li { float:left; display:block; margin:0; padding:0 3px 0; background:url(../images/bg_menu_divider.gif) no-repeat right center; }
.ShopMenu li.First { padding-left:0; }
.ShopMenu li.Last { padding-right:0; background-image:none; }
.ShopMenu li a.Top { display:block; font-size:16px; color:#FFF; padding:13px 20px 10px 7px; background:url(../images/bg_menu-arrow.gif) no-repeat right center; }
.ShopMenu li.First a.Top { padding-left:13px; }
.ShopMenu li.ShopNow { padding:0; background-image:none; border-right:1px solid #bfe1ea; }
.ShopMenu li.ShopNow span { display:block; font-size:16px; color:#FFF; padding:14px 25px 10px 12px; background:#7cc5d6 url(../images/bg_menu-arrow-left.gif) no-repeat right center; }
.ShopMenu li:hover a.Top, .ShopMenu li.sfhover a.Top { background:#7cc5d6 url(../images/bg_menu-arrow-on.gif) no-repeat right center; } 
.ShopMenu li a.Search { display:block; font-size:16px; color:#FFF; padding:14px 25px 10px 10px; background:url(../images/bg_menu-search.gif) no-repeat right center; }
html>/**/body a.Search { height:18px; }
.ShopMenu li:hover a.Search, .ShopMenu li.sfhover a.Search, .ShopMenu li a.Active { background:#7cc5d6 url(../images/bg_menu-search-on.gif) no-repeat right center; } 
.ShopMenu .DropNav { position:absolute; margin:0; padding:15px 0 15px 15px; left:0; width:943px; list-style:none; background:#7cc5d6;  z-index:999; }
.ShopMenu .DropNav li { margin-bottom:15px; margin-right:15px; padding:0; background:none; }
.ShopMenu .DropNav li .h2 { margin-top:0; padding:0 0 6px; color:#FFF; font-size:16px; border-bottom:1px solid #c1e6ef; }
.ShopMenu .DropNav li .SubNav { display:block; float:left; margin:3px 0 0; padding:0; }
.ShopMenu .DropNav .Large .SubNav { width:154px; overflow:hidden; }
.ShopMenu .DropNav .Small .SubNav { width:139px; overflow:hidden; }
.ShopMenu .DropNav li .SubNav li { display:block; float:none; margin:0; padding:4px 0; }
.ShopMenu .DropNav li .SubNav li a { display:block; font-size:11px; color:#FFF; text-shadow:1px 1px 1px #32a2c4; }
.ShopMenu .DropNav li .SubNav li a:hover { color:#fbebc6; text-shadow:1px 1px 1px #af8116; }

/* Shop Menu Transitions */
.ShopMenu .DropNav { top:-99999px; opacity:0; }
.ShopMenu li:hover .DropNav, .ShopMenu li.sfhover .DropNav { top:40px; opacity:1; -moz-transition:opacity 0.5s; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -o-transition:opacity 0.5s; }
.ShopMenu .DropNav li .SubNav li a:hover { transition:color 0.5s; -webkit-transition:color 0.5s; -moz-transition:color 0.5s; -o-transition:color 0.5s; }

/* Locality Menu */
.LocalityMenu { float:right; position:relative; list-style:none; margin:0; padding:0; z-index:6; }
.LocalityMenu li { display:block; margin:0; padding:0; width:220px; }
.LocalityMenu li a.Top { display:block; padding:10px 25px 3px 5px; height:26px; background:url(../images/bg_localitymenu-arrow.gif) no-repeat 190px 15px; text-transform:uppercase; }
.LocalityMenu li:hover a.Top, .LocalityMenu li.sfhover a.Top { background:#7cc5d6 url(../images/bg_localitymenu-arrow-on.gif) no-repeat 190px 15px; } 
.LocalityMenu li a { display:block; padding:0 25px 5px 5px; width:190px; height:26px; }
.LocalityMenu li a .Flag { float:right; margin-left:5px; }
.LocalityMenu li a span {  text-align:right; display:block; padding:4px 0 0; width:160px; color:#FFF; font-size:16px; text-transform:uppercase; }
.LocalityMenu li:hover .DropNav, .LocalityMenu li.sfhover .DropNav { top:39px; right:0; }
.LocalityMenu .DropNav { position:absolute; margin:0; padding:0; left:0; z-index:999; width:220px; list-style:none; background:#7cc5d6; }

/* Locality Menu Transitions */
.LocalityMenu .DropNav { top:-99999px; opacity:0; }
.LocalityMenu li:hover .DropNav, .LocalityMenu li.sfhover .DropNav { top:39px; opacity:1; -moz-transition:opacity 0.5s; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -o-transition:opacity 0.5s; }

/* Search Form */
#SearchContainer { height:123px; }
#Search { padding:20px 20px 40px; background:#7cc5d6; }
#Search .Col { margin-left:15px; width:190px; color:#FFF; }
#Search h2 { margin-bottom:8px; padding:6px 0 4px; color:#FFF; font-size:16px; border-bottom:1px solid #c1e6ef; }
#Search select { width:190px; }
#Search .Sizes { margin:20px 15px 20px 0; }
#Search .Sizes label { margin:0; padding:0; }
#Search .Button { float:right; margin:42px 10px 0 0; }

/* Submenu */
.SubMenu ul { margin:0; padding:0; list-style:none; margin-bottom:10px; }
.SubMenu > ul { margin-top:8px; }
.SubMenu ul li { padding:0; width:180px; } 
.SubMenu ul li a { display:block; padding:0 0 5px 25px; color:#7cc5d6; font-size:13px; }
.SubMenu ul li .Top { display:block; margin:5px 0 0; padding:4px; width:172px; font-size:16px; color:#008ab5; border-bottom:1px solid #7cc5d6; }
.SubMenu ul li .Top:hover  { color:#F5AF00; }
.SubMenu ul ul { display:none; }
.SubMenu ul .Selected ul { display:block; }
.SubMenu ul .Selected ul a { padding:4px; width:150px; font-size:12px; background-color:#FFF; }
.SubMenu ul .Selected ul a:hover { padding-right:25px; color:#F5AF00; background-color:#fff9ef; -webkit-transition-property: color, background; -webkit-transition-duration: 0.2s, 0.2s; -webkit-transition-timing-function: linear, ease-in; }
.SubMenu ul .Selected ul .Selected a { padding-right:25px; color:#F5AF00; background:#fff9ef url(../images/bg_arrow.gif) no-repeat bottom right; }

/*******************************************/
/*              Pretty Search              */
/*******************************************/

.SearchWrapper { display:block; height:20px; }
.SearchWrapper .PrettySearch { float:left; padding:3px 0 0 0; height:17px; background:url(../images/bg_prettysearch.png) repeat-x; border:0; opacity:1; }
.SearchWrapper .Blurred { color:#7E7E7E; }
.SearchWrapper .Left { float:left; width:20px; height:20px; background:url(../images/bg_prettysearch_left.png) left top no-repeat; }
.SearchWrapper .Right { float:left; width:10px; height:20px; background:url(../images/bg_prettysearch_right.png) right top no-repeat; }

/*******************************************/
/*                 Homepage                */
/*******************************************/

/* Hero Banners */
#Homepage #Hero { position:relative; padding:4px; width:950px; }
#Homepage #Hero .arrow-left { position:absolute; left:-22px; top:140px; }
#Homepage #Hero .arrow-right { position:absolute; left:954px; top:140px; }
#Homepage #Hero #carousel-wrapper { overflow:hidden; width:950px; height:300px; z-index:2; }
#Homepage #Hero #carousel-wrapper #carousel-content { width:10000px; }
#Homepage #Hero #carousel-wrapper #carousel-content .slide { float:left; margin-right:4px; width:950px; height:308px; }
#Homepage #Hero #carousel-wrapper #carousel-content .slide .banner { float:left; width:473px; height:300px; overflow:hidden; }
#Homepage #Hero #carousel-wrapper #carousel-content .slide .first { margin-right:4px; }
#Homepage #Hero #carousel-wrapper #carousel-content .slide .banner .copy { padding:15px; margin-top:-55px; color:#FFF; font-size:28px; line-height:22px; }
#Homepage #Hero #carousel-wrapper #carousel-content .slide .banner .copy a { color:#FFF; }

/* Standard Banners */
#Homepage #StandardBanners .Banner { float:left; margin:15px 12px 15px 15px; }
#Homepage #StandardBanners .Banner img { margin:5px 0; }
#Homepage #StandardBanners .Banner a, #Homepage #StandardBanners .Banner h4, #Homepage #StandardBanners .Banner h5  { margin:0; font-size:11px; color:#dd4785; }
#Homepage #StandardBanners .Banner .Heading .Arrow { float:left; display:block; width:12px; height:12px; background:url(../images/arrow.gif) no-repeat right center; }
#Homepage #StandardBanners .Banner .Heading h4 { display:inline; float:left; }
#Homepage #StandardBanners .Banner h5  { font-weight:normal; }
#Homepage #StandardBanners .Feature { float:left; margin:0 10px 0 5px; }

/* Message 
#Homepage #Message .AboutUs  { float:left; padding:10px 0 15px 15px; width:668px; }
#Homepage #Message .AboutUs h1 { margin:5px 0 0 0; color:#3092b0; font-size:34px; letter-spacing:-2px; }
#Homepage #Message .AboutUs h1.Line2 { margin-top:-10px; }
#Homepage #Message .AboutUs p { color:#62b1c3; font-size:14px; }
#Homepage #Message .Information { float:right; padding:10px 15px 15px; width:245px; }
#Homepage #Message .Information h2 { margin-top:0; font-size:20px; text-transform:uppercase; }
*/

/* Blog & Whats New */
#Homepage .Title { display:block; padding:8px 0 5px 15px; background:#7cc5d6;  } 
#Homepage .Title h2 { padding:0 15px; padding:0; float:left; font-size:20px; color:#FFF; text-transform:uppercase; }
#Homepage #Blog { float:left; margin:0; width:698px; overflow:hidden; }
#Homepage #Blog .Title .More { float:left; margin:4px 10px 0 15px; }
#Homepage #WhatsNew { float:right; padding-bottom:4px; width:260px; overflow:hidden; }
#Homepage #WhatsNew .Title { padding:8px 0 5px 0; }
#Homepage #WhatsNew .Title .More { float:right; margin:4px 10px 0 0; }
#Homepage #WhatsNew .Thumbnail { float:left; margin:4px 4px 0 0; width:125px; height:125px; }
#Homepage #WhatsNew .Button { margin-left:5px; }


/*******************************************/
/*                   Videos                */
/*******************************************/

.videogrid { width:714px; float:left;}
.videogrid h4 { font-size:14px; margin:5px 0;}
.videogrid p { margin-top:0px; }
.videogrid ul { padding:0; margin:0; }
.videogrid ul li { list-style-type: none; float:left; width:210px; height:245px; padding: 0px 28px 0px 0; }
.videogrid ul li.last { padding-right:0; }
.video { height:150px; }
.videoThumb { width:210px; height:150px; position: absolute; }
.videoPlayDiv { width:210px; height:150px; opacity: 0.6; filter: alpha(opacity=60); position: relative; }
.videoPlayDiv:hover { opacity:1.0; filter: alpha(opacity=100); cursor:pointer; }
.videoPlayImg { top:45px; left:75px; position:relative; }
.videoSeperator { margin-bottom:30px; }

.videoshopby { width:293px; }

.videobanner{ width:200px; position:relative; }
.videobanner h4 { position:relative; float:left; }
.videobannerThumb { width:200px; height:135px; margin:5px 0 0 0 !important; position:relative; }
.videobannerPlayDiv { width:200px; height:150px; opacity:0.6; filter:alpha(opacity=60); position:absolute; top:0px; left:0px; }
.videobannerPlayDiv:hover { opacity:1.0; filter: alpha(opacity=100); cursor:pointer; }
.videobannerPlayImg { top:45px; left:60px; position:absolute; }

/*******************************************/
/*                   Shop                  */
/*******************************************/

/* Products */
#Products { margin-bottom:10px; }
#Products td { vertical-align:top; text-align:left; padding-bottom:5px; }
#Products td table { }
#Products td h2 { margin:0; width:auto; }
#Products td img.Thumbnail { text-align:left; width:125px; height:125px; }
#Products td a img { padding:1px; border:1px solid #FFF; }
#Products td a:hover img { border:1px solid #7cc5d6; -webkit-transition: border-color 0.5s; }
#Products td .ProductContainer { padding-bottom:1px; width:125px; min-height:125px; background:transparent url(../images/bg_loading.gif) no-repeat center; text-align:center; }
#Products td .Name { font-size:11px; text-transform:Uppercase; color:#888; text-align:left; }
#Products td .Price { display:block; padding:3px; font-size:12px; color:#F5AF00; text-align:center; background:#fff9ef; }
#Products td .ConversionPrice { display:block; margin-top:2px; padding:3px; font-size:12px; color:#008AB5; text-align:center; background:#ebf6f9; }
.Unavailable { margin:100px auto; font-weight:bold; text-align:center; }

/* Stories */
#Stories { margin-bottom:10px; }
#Stories td { vertical-align:top; text-align:left; padding-bottom:10px; }
#Stories td table { }
#Stories td .StoryContainer { padding-bottom:1px; width:226px; min-height:226px; background:transparent url(../images/bg_loading.gif) no-repeat center; text-align:center; }
#Stories td .StoryContainer .Title { background:#EAF5F9; padding:8px 8px 8px 12px; color:#38A5C6; font-size:14px; text-align:left; }
#Stories td .StoryContainer .Title .Button { float:right; }

/* Story */
#Story { width:100%; margin-bottom:10px; }
#Story .Title { background:#EAF5F9; padding:8px 8px 8px 12px; color:#38A5C6; font-size:14px; text-align:left; }
#Story .Description { float:right; font-size:10px; color:#777; width:320px; padding:5px; }

/* Product */
.Product { float:left; width:700px;  }
.Product .Left  { float:left; margin-right:15px; width:270px; position:relative; }
.Product .Left .New, .Product .Left .SoldOut { position:absolute; right:-15px; top:-15px; }
.Product .Left .ProductImage { float:left; background:url(../images/bg_loading.gif) no-repeat center; width:265px; height:400px; }
.Product .Left .ProductImage .Image { width:265px; height:400px; -ms-interpolation-mode:bicubic; }
.Product .Left #ZoomMessage { padding:5px; width:255px; color:#F5AF00; background:#fff9ef; }
.Product .Left .ProductImageLinks { padding:5px; width:255px; background:#ebf6f9; }
.Product .Right { width:405px; float:left; }
.Product .Right .Content { width:405px; }
.Product .Right #TabContent #BrandSizeChart, .Product .Right #TabContent #IntlSizeChart, .Product .Right #TabContent #Details { width:405px; overflow: hidden; }
.Product .Right .Details  {  float:left; width:405px; }
.Product .Right .Details .Description { }
.Product .Right .Details h2 { margin:20px 0 10px 0; padding-bottom:5px; font-size:16px; color:#018ab6; border-bottom:1px solid #e6f4f8; }
.Product .Right .Details h5 { margin-bottom:15px; font-size:10px; color:#C4C5C7; font-weight:normal; display:inline; }
.Product .Right .Details hr { clear:both; margin:0 0 15px 0; height:1px; color:#e6f4f8; background-color:#e6f4f8; border:0; }
.Product .Right .Details .Information { display:inline; float:left; margin-right:10px;  width:160px; }
.Product .Right .Details .Information .StyleNumber, .Product .Details .Information .Fabric { margin:10px 0 10px 0; font-size:10px; }
.Product .Right .Details .Information .StyleNumber .Code, .Product .Details .Information .Fabric .Code { display:block; font-size:14px; font-weight:bold; color:#333; }
.Product .Right .Details .Information .Colours, .Product .Details .Information .SizeChart, .Product .Details .Information .Views { float:left; margin-top:5px; width:160px; }
.Product .Right .Details .Information .Colours img, .Product .Details .Information .SizeChart img { float:left; margin:2px 3px 5px 0; }
.Product .Right .Details .Information .Views img { float:left; margin:2px 8px 5px 0; }
.Product .Right .Details .Information .Views a, .Product .Details .Information .Colours a { color:#888; font-size:9px; }
.Product .Right .Details .Form { display:inline; float:left; width:220px; }
.Product .Right .Details .Form .Options div { margin-bottom:10px; }
.Product .Right .Details .Form .Options .AddToCart { float:left; display:inline; }
.Product .Right .Details .Form .Options .Loading { float:left; margin:0; padding:0; width:25px; }
.Product .Right .Details .Form .Options .Pricing { margin:0; }
.Product .Right .Details .Form .Options .Pricing .Price { padding:10px 0; width:130px; font-size:15px; font-weight:normal; color:#F5AF00; text-align:center; background:#fff9ef; }
.Product .Right .Details .Form .Options .ConversionPricing .Information { margin:0; width:124px; padding:3px; color:#FFF; background:#008AB5; text-align:center; }
.Product .Right .Details .Form .Options .ConversionPricing .Price { padding:10px 0; width:130px; font-size:15px; font-weight:normal; color:#008AB5; text-align:center; background:#ebf6f9; }
/* .Product .AssociatedProducts { margin:30px 0 0 0;} */
.Product .AssociatedProducts  h2 { margin:10px 0; color:#333; font-family:Arial; font-size:13px; }
.Product .AssociatedProducts .Item { float:left; margin-right:10px; width:125px; min-height:162px; line-height:12px; }
.Product .AssociatedProducts .Item a { color:#5c5c5c; }
.Product #NeedHelp { margin-top:20px; }
.Product .Paging { margin:15px 0 0; }
.Product .Paging .Previous { float:left; }
.Product .Paging .Next { float:right; }

/* Paging */
.Paging { margin-top:10px; padding:10px; color:#008AB5; background:#ebf6f9; }
.Paging .Buttons { float:right; width:115px; }
.Paging .Buttons img { opacity:0.3; }
.Paging .Buttons a img { opacity:1; }
.Paging .Right { float:right; }
.Paging .Pages { float:left; width:400px; }
.Paging .Pages label { color:#008AB5; }

/*******************************************/
/*                My Account               */
/*******************************************/

/* My Account */
#MyAccount h1 { margin-bottom:20px; }
#MyAccount #LoginContainer { margin:0 auto; padding-top:30px; width:660px; height:220px; }
#MyAccount #LoginContainer h2 { margin:0; padding:5px; background:#dbedf2; }
#MyAccount #LoginContainer #Login, #MyAccount #LoginContainer #Signup { float:left; width:310px; height:190px; border:1px solid #dbedf2;  }
#MyAccount #LoginContainer #Login .Content, #MyAccount #LoginContainer #Signup .Content { padding:15px 20px; }
#MyAccount #LoginContainer #Login .Form div { margin-bottom:5px; }
#MyAccount #LoginContainer #Login .Form div label { float:none; margin:0 0 3px; text-align:left; }
#MyAccount #LoginContainer #Login .Form .ForgotPassword { margin-left:5px; }
#MyAccount #LoginContainer #Login .Form .FormButton { margin-top:5px; }
#MyAccount #LoginContainer #Signup { margin-left:30px; }
#MyAccount #LoginContainer #Signup .Or { margin:0; width:40px; font-weight:bold; font-size:12px; color:#000; }
#MyAccount #LoginContainer #Signup a { padding-right:25px; background:url(../images/bg_arrow.gif) no-repeat right center; }
#MyAccount #Details ul { float:left; margin:5px 0 0 40px; padding:0; list-style:square;  }
#MyAccount #Details ul li { margin:0 40px 4px 0; padding:0; color:#29abe2; font-size:14px; }
#MyAccount #Details ul li span { font-size:12px; color:#777; }

/* Sign Up */
#SignUp #FormContent { float:left; }
#SignUp #FormContent .Col { display:inline; float:left; margin:3px 0 3px; width:310px; }
#SignUp #FormContent .Col div { clear:both; display:block; margin-bottom:4px; }
#SignUp #FormContent .Col div label { display:block; float:left; margin:4px; width:110px; text-align:right; font-size:11px; }
#SignUp #FormContent .FormButton { margin:10px 0 0 510px; }

/*******************************************/
/*                  Basket                 */
/*******************************************/

#Basket, #Checkout #YourDetails, #Checkout #Payment { float:left; width:720px; }
#Basket .Buttons .Button { margin-right:10px; }
#Basket h3 { margin:0; }
#Basket .Promotion { margin-bottom:20px; padding:15px; height:32px; background:#FFF; }
#Basket .Promotion span { color:#FF0000; }

/* Basket Assistant */
#BasketAssistant { float:left; margin-left:20px; width:180px; }
#BasketAssistant h3 { margin:0; padding:6px 8px; color:#008ab5; font-size:12px; background:#dbedf2;  } 
#BasketAssistant .Login, #BasketAssistant .Help, #BasketAssistant .SecurePayment { margin-bottom:20px; padding:15px; background:#FFF; }
#BasketAssistant .Login label { text-align:left; }
#BasketAssistant .SecurePayment { font-size:9px; }
#BasketAssistant .SecurePayment .Cards img { float:left; margin:0 10px 5px 0; }

/* Basket List */
.BasketList { margin-bottom:15px; }
.BasketList td { padding:10px; color:#1f2324; }
.BasketList td .Price { font-size:11px; }
.BasketList tr th { padding:8px 0 5px 0; color:#008ab5; font-size:12px; background:#dbedf2; text-align:left; }
.BasketList tr.BasketItem td { font-weight:normal; font-size:11px; border-top:1px solid #dbedf2; }
.BasketList tr.BasketItemOption td { border-top:1px solid #efeff1; }
.BasketList tr.Totals td { color:#000; font-weight:bold; font-size:10px; border-top:1px solid #dbedf2; }
.BasketList tr.Totals td .Price { font-size:11px; }
.BasketList tr.Totals td .Total { color:#000; font-size:13px; font-weight:bold; }
.BasketButtons { clear:both; float:right; width:330px; }
.BasketButtons input, .BasketButtons img { float:right; }

/* Basket Form */
.BasketForm { padding-bottom:20px; background:#ebf6f9; }
.BasketForm .h2 { margin:0; padding:8px; height:15px; color:#FFF; font-size:16px; background:#82c7da; border-bottom:1px solid #fafafa; }
.BasketForm .h3 { display:block; margin:0; padding:5px 0 5px 148px; color:#404040; font-size:11px; }
.BasketForm .Col { clear:none; display:inline; float:left; margin:10px 0 10px 10px; width:340px; }
.BasketForm .Data { display:block; float:left; margin:4px 0; color:#000; }
.BasketForm .Col label { margin:4px 5px 4px 0; width:140px; }
.BasketForm .FormButton { margin-left:160px; }
.BasketForm #PaymentType .Form .Col input { float:left; margin:15px 10px 0 90px; }

.LoginForm .LoginHeading { padding:0 30px 5px 50px; }
.LoginForm .LoginInfo { padding:0 30px 5px 50px; }
.LoginForm .Button { margin-left:145px; }

/*******************************************/
/*                  Contact                */
/*******************************************/

/* Contact */
#Contact { margin-top:30px; }
#Contact .Details { display:inline; float:left; margin-left:170px; width:250px; }
#Contact .Form { display:inline; float:left; width:360px; }

/*******************************************/
/*                   Help                  */
/*******************************************/

#OnlineHelp .Link { display:block; margin-bottom:5px; padding:10px 10px 10px 30px; font-size:14px; background:#ebf6f9 url(../images/bg_arrow-right.png) no-repeat 8px 8px; }
#OnlineHelp .Selected { color:#F5AF00; background:#fff9ef url(../images/bg_arrow-down.png) no-repeat 8px 8px; }
#OnlineHelp .Item { display:block; width:auto; padding:15px 15px 25px; }

/*******************************************/
/*                   Blog                  */
/*******************************************/

/* Blog */
#Blog { margin-top:55px; }
#Blog .ColLeft { float:left; margin-right:20px; width:500px; }
#Blog .ColRight { float:right; width:200px; }
#Blog h1 { margin:0 0 5px; font-size:20px; }
#Blog h1 a { color:#018ab6; text-transform:uppercase; }
#Blog h1 a:hover { color:#F5AF00; text-decoration:none; }
#Blog #frmSearch { margin-bottom:15px; }
#Blog #frmSearch label,#Blog #frmSearch #Search { display:none; }
#Blog .Extras { float:left; margin-left:0; padding-left:0; list-style:none; }
#Blog .Extras li {  margin-left:0; padding-left:0;}
#Blog .AddThis { float:right; margin-top:25px; }
#Blog p img { margin:5px 0; }
#Blog .Form { padding:20px; border:1px solid #dbedf2; }

/* Calendar */
#Calendar { margin-bottom:15px; width:100%; border-collapse:collapse; }
#Calendar th { padding:4px; color:#FFF; font-weight:normal; font-size:11px; background:#018ab6; text-transform:uppercase; }
#Calendar th a { font-weight:normal; font-size:11px; color:#FFF; }
#Calendar td a { color:#FFF; text-decoration:none; }
#Calendar .DayOfWeek { padding:4px; color:#777; font-weight:bold; text-align:center; }
#Calendar .Day { padding:4px; color:#018ab6; background:#ebf6f9; text-align:center; border:1px solid #FFF; }
#Calendar .Active { background:#fff9ef;  font-weight:bold; }
#Calendar .Active a { color:#F5AF00; }
#Calendar .Current { background:#018ab6; color:#FFF; font-weight:bold; }

/* Comments */
#CommentItem { display:block; margin:10px 0; padding:10px 10px 10px 50px; min-height:30px; background:url(../images/bg_quote.png) no-repeat; border:1px solid #dbedf2; }
#CommentItem .Comment { display:block; margin-bottom:10px; }

/* Social */
.Social { margin:10px 0; }
.Social ul { list-style:none; margin:0; padding:0; }
.Social ul li { float:left; display:block; margin:0 5px 0 0; padding:0; }
.Social ul .google-buzz-button { margin-right:10px; width:110px; }
.Social ul .fb-like-button { width:200px; overflow:hidden; }

/*******************************************/
/*                  Filter                 */
/*******************************************/

#Filter {  padding:10px; color:#008AB5; background:#ebf6f9; }
#Filter h2 { float:left; margin:3px 0 0; width:110px; color:#008AB5; }
#Filter label { color:#008AB5; }
#Filter #PriceRangeId { float:left; margin-left:10px; width:100px; }
#Filter .FormButton { margin:0; float:right; }
#Filter #ProductSizeGroups { float:left; margin-right:5px; width:200px; } 
#Filter #ProductSizeGroups_container { float:left; position:relative; width:300px; }
#Filter #ProductSizeGroups_container label { float:left; padding:4px; }
#Filter #ProductSizeGroups_container .ProductSizeGroups_open { padding:4px; }
#Filter .select_multiple_submit { background:#7cc5d6; padding:10px; height:22px; text-align:right; } 
#Filter .select_multiple_label { margin-left:5px; font-size:11px;  } 
#Filter .select_multiple_container { width:300px; position:absolute; top:0; left:0; z-index:500; border:1px solid #018ab6; border-top:none; } 
#Filter .select_multiple_container .select_multiple_header { background:#018ab6; color:#FFF; font-weight:bold; font-size:12px; margin:0; padding:7px 0 8px 10px; } 
#Filter table.select_multiple_table td { height:27px; border-bottom:1px solid #ddd; color:#018ab6; font-size:11px; } 
#Filter table.select_multiple_table tr.even { background-color:#ebf6f9; } 
#Filter table.select_multiple_table tr.odd { background-color:#ebf6f9; } 
#Filter table.select_multiple_table tr.selected { background-color:#dbedf2; } 
#Filter .select_multiple_name { padding-left:15px; font-weight:bold; } 
#Filter .select_multiple_checkbox input { margin-left:10px; }
#Filter #ProductSizeGroups_open { float:left; color:#018ab6; z-index:1; }


/*******************************************/
/*               Shop By Body              */
/*******************************************/

#ShopByBody #Wizard { position:relative; width:958px; height:617px; background:url(../images/shopbybody/bg_wizard.jpg); }
#ShopByBody #Wizard #AreYouLooking { position:absolute; top:35px; left:25px; }
#ShopByBody #Wizard #AreYouLooking h1 { magin:0; padding:0; width:270px; height:110px; background:url(../images/shopbybody/h_areyoulooking.png) no-repeat; text-indent:-9999px; overflow:hidden; }
#ShopByBody #Wizard #HowToUse { position:absolute; top:20px; left:710px; }
#ShopByBody #Wizard #HowToUse .Details { padding:5px 30px 10px 10px; }
#ShopByBody #Wizard #HowToUse .Details h3 { font-size:14px; color:#dd4885; text-transform:uppercase; }
#ShopByBody #Wizard #Submit { position:absolute; top:551px; left:715px; }
#ShopByBody #Wizard ul { margin:10px 0 0 10px; padding:0; list-style:none; }
#ShopByBody #Wizard ul li { margin:0; padding:0; }
#ShopByBody #Wizard ul li input { margin:0; }
#ShopByBody #Wizard ul li label { float:left; padding:6px; }
#ShopByBody #Wizard #bust { position:absolute; top:180px; left:25px; width:338px; }
#ShopByBody #Wizard #bust h1 { magin:0; padding:0; width:338px; height:40px; background:url(../images/shopbybody/h_bust.png) no-repeat; text-indent:-9999px; overflow:hidden; }
#ShopByBody #Wizard #tummy { position:absolute; top:345px; left:25px; width:338px; }
#ShopByBody #Wizard #tummy h1 { magin:0; padding:0; width:338px; height:40px; background:url(../images/shopbybody/h_tummy.png) no-repeat; text-indent:-9999px; overflow:hidden; }
#ShopByBody #Wizard #bottom { position:absolute; top:370px; left:610px; width:322px; }
#ShopByBody #Wizard #bottom h1 { magin:0; padding:0; width:322px; height:40px; background:url(../images/shopbybody/h_bottom.png) no-repeat; text-indent:-9999px; overflow:hidden; }
#ShopByBody #Wizard #bottom ul { margin-left:110px; }

#ShopByBody #Results { background:#eaf5f8; border:4px solid #FFF; }
#ShopByBody #Results .Content { padding:10px; min-height:400px; }
#ShopByBody #Results .Content .Message { margin-top:180px; }
#ShopByBody #Results .Content .Message h1 { color:#db3b7c; font-size:20px; text-align:center; }
#ShopByBody #Results .Category { float:left; margin:8px; width:293px; }
#ShopByBody #Results .Category h1 { margin:0; padding:7px 10px; font-size:22px; color:#FFF; background:#7cc5d6; text-transform:lowercase; }
#ShopByBody #Results .Category .Photos { position:relative; height:170px; }
#ShopByBody #Results .Category .Photos div .Frame { padding:5px 6px; width:140px; height:140px; background:#FFF; box-shadow:2px 2px 2px #ccc; -webkit-box-shadow:2px 2px 2px #ccc; -moz-box-shadow:2px 2px 2px #ccc; overflow:hidden; }
#ShopByBody #Results .Category .Photos div .Frame img { width:140px; height:140px; }
#ShopByBody #Results .Category .Photos .Photo1 { position:absolute; top:15px; left:0; transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); }
#ShopByBody #Results .Category .Photos .Photo2 { position:absolute; left:120px; transform:rotate(5deg); -webkit-transform:rotate(5deg); -moz-transform:rotate(5deg); }
#ShopByBody #Results .Category .Photos .Photo1Alt { position:absolute; top:15px; left:0; transform:rotate(5deg); -webkit-transform:rotate(5deg); -moz-transform:rotate(5deg); z-index:1; }
#ShopByBody #Results .Category .Photos .Photo2Alt { position:absolute; left:120px; transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); z-index:0; }
#ShopByBody #Results .Category .Details { padding:10px; }
#ShopByBody #Results .Category .Details ul { margin:0 0 5px 0; padding:0; list-style:none; }
#ShopByBody #Results .Category .Details ul li { margin:0; padding:0 0 5px 0; }
#ShopByBody #Results .Category .Details ul li a { padding-right:10px; font-size:12px; color:#787979; background:url(../images/shopbybody/bg_arrow.gif) no-repeat right center; }
#ShopByBody #Results .Category .Details ul li a:hover { color:#db3b7c; }
#ShopByBody #Results .Options img { float:left; }

