/*******************************************/
/*                  Common                 */
/*******************************************/

body { margin:0; padding:0; background:#1F1F1F; }
body, table  { color:#5c5c5c; }

/*******************************************/
/*                  Layout                 */
/*******************************************/

/* Wrapper */
#Wrapper { margin:0 auto 20px; width:960px; }

/* Header */
#Header { background:#333 url(../images/bg_header.png) no-repeat; height:124px; border-bottom:2px solid #57b6dd; }
#Header #Logo { float:left; }

/* Container */
#Container { min-height:350px; background:#FFF; }
#InnerContainerGrey { padding:20px; min-height:350px; background:#F1F1F1; }
#Container.Columns { float:left; background:#FFF url(../images/bg_content.png) repeat-y; }
#Container .ColLeft { float:left; width:200px; }
#Container .ColRight { float:left; width:760px; line-height:18px; }
#Container .Content { padding:15px; }

/* Footer */
#Footer { padding:25px; background:#060606 url(../images/bg_footer.png) no-repeat bottom; }
#Footer #Sitemap { float:left; display:inline; margin:0 0 20px; width:910px; line-height:14px; }
#Footer #Sitemap .Col { float:left; width:120px; margin-right:10px }
#Footer #Sitemap .Col ul { margin:0; padding:0; list-style:none; }
#Footer #Sitemap .Col ul li { display:inline; float:left; padding:10px 0 0; } 
#Footer #Sitemap .Col ul li a { font-weight:bold; margin-bottom:5px; color:#FFF; font-size:11px; text-transform:uppercase; }
#Footer #Sitemap .Col ul li a:hover { text-decoration:underline; }
#Footer #Sitemap .Col ul li ul { margin-top:5px; list-style:none; }
#Footer #Sitemap .Col ul li ul li { display:block; margin-bottom:5px; float:none; padding:0; }
#Footer #Sitemap .Col ul li ul li a { font-weight:normal; text-transform:none; color:#FFF; font-size:10px; line-height:normal; }
#Footer #Sitemap .Col ul li ul li ul { display:none; }
#Footer #FooterLogo { float:left; }
#Footer #TuskLogo { float:right; margin:95px 0 0 0; }
#Footer #TuskLogo a { color:#FFF; font-size:9px; }

/*******************************************/
/*                 Heading                 */
/*******************************************/

#Heading { padding:10px 15px 5px; background:url(../images/bg_heading.png); }
#Heading h1 { margin:5px 0 0; color:#FFF; font-size:20px; text-transform:uppercase; }

/*******************************************/
/*                  Menus                  */
/*******************************************/

/* Cart */
#CartButtons { display:inline; float:right; margin:25px 0 0; }
#CartButtons div { display:block; float:left; padding:0 5px; font-size:9px; color:#FFF; border-left:1px solid #4a4a4a; }
#CartButtons #Locale { border:0; }
#CartButtons #YourCart a { display:block; width:75px; height:23px; background:url(../images/btn_yourcart.png);  }
#CartButtons #YourCart a #BasketTotalQty { display:block; padding:10px 0 0 5px; width:10px; color:#FFF; text-align:center; }

/* Main Menu */
#MainMenu { float:left; width:790px; height:28px;  }
#MainMenu ul { margin:0; padding:0; list-style:none; }
#MainMenu ul li { float:left; padding:10px 0 0 8px; height:20px; background:url(../images/bg_menu_seperator.png) no-repeat left bottom; }
#MainMenu ul li.First { margin-left:4px; background:none; }
#MainMenu ul li a { display:block; font-size:11px; margin-right:10px; color:#b1b1b1; text-transform:uppercase; }
#MainMenu ul li a.Selected, #MainMenu ul li a:hover { color:#FFF; text-decoration:none; }

/* */
#CallUs { float:right; margin:10px 10px 0 0; }

/* SubMenu */
.SubMenu ul { margin:0; padding:0; list-style:none; }
.SubMenu ul li { border-bottom:1px solid #dcdcdc; }
.SubMenu ul li h3 { margin:10px 0; }
.SubMenu ul li a { display:block; margin:10px 0; color:#333; font-weight:bold; }
.SubMenu ul li a:hover { text-decoration:underline; }
.SubMenu ul li ul { display:none; }
.SubMenu ul li.Selected ul { display:block; }
.SubMenu ul li.Selected > a { color:#00afd8; }
.SubMenu ul ul li { margin:0; border:0; } 
.SubMenu ul ul li a { margin:8px 0; padding-left:13px; font-weight:normal; }
.SubMenu ul ul li.Selected a { color:#00afd8; }

.ShopMenu ul li ul { display:block; }

/*******************************************/
/*                 Homepage                */
/*******************************************/

#Homepage { background:#FFF; }
#Homepage #HeroBanner { height:355px; border-bottom:2px solid #57b6dd; }

#Homepage #Features { padding:15px 0 10px 20px; background:#e8e8e8; }
#Homepage #Features .Event { float:left; margin:5px 10px 0 0; width:165px; overflow:hidden; }
#Homepage #Features .Event .Thumbnail { float:left; margin:0 10px 6px 0; width:120px; height:76px; background:#FFF; text-align:center; }
#Homepage #Features .Event .Thumbnail img { width:120px; height:76px; }
#Homepage #Features .Event a { color:#333; }
#Homepage #Features .Event a:hover { text-decoration:underline; }
#Homepage #Features .FrontThumbnail { width:135px; float:none; display:block; margin-top:5px; }
#Homepage #Features .Social { float:left; width:225px; }
#Homepage #Features .Social h2 { width:107px; height:24px; padding:0 0 10px 0px; margin:0; text-indent:-9999px; background:url(../images/social/hdr_followus.png) no-repeat top left; } 
#Homepage #Features .Social a { float:left; padding:0 10px 10px 0; }

#Homepage #AboutUs { float:left; width:960px; line-height:18px; }
#Homepage #AboutUs h1 { font-size:30px; }

#Homepage #Subscribe { float:right; margin-right:20px; padding:20px 0; width:215px; color:#333; line-height:18px; }
#Homepage #Subscribe h2 { margin-top:0; padding-bottom:6px; border-bottom:2px solid #57b6dd; }
#Homepage #Subscribe .Form { padding-top:10px; }
#Homepage #Subscribe .FormField { padding:3px; width:210px; border:0; background:#e6e6e6; }
#Homepage #Subscribe div h2, #Homepage #Subscribe div h2 a { color:#000; }

#Homepage .FrontSquare { width:220px;float:left !important;padding:0 0 0 20px; }
#Homepage .FrontSquare ul { padding-left:0;list-style:none; }
#Homepage .FrontSquare ul li { line-height:15px; word-wrap:break-word; margin:0 10px 15px 8px; }
#Homepage .FrontSquare ul li a { color:#000;font-weight:700;text-decoration:none; }
#Homepage .FrontSquare ul li a:hover { text-decoration:underline; }
#Homepage .FrontSquare ul li span.Date { color:#00B0D8;font-weight:700; }


/*******************************************/
/*                  Events                 */
/*******************************************/

/* Event Menu */
.EventMenu label { display:block; margin-bottom:4px; }

/* Event */
#Events .EventItem { float:left; margin-bottom:15px; }
#Events .EventItem .Logo { float:left; margin:0 15px 10px 0; width:140px; text-align:center; }
#Events .EventItem .State { float:left; margin:0 15px 10px 0; padding:10px; width:120px; background:#ebebeb; }
#Events .EventItem .State a { text-decoration:none; }
#Events .EventItem .State h2 { margin:0 0 2px; }
#Events .EventItem .Details { float:left; width:570px; }
#Events .EventItem .Details .Title { margin-bottom:10px; padding:10px; line-height:normal; background:#ebebeb; }
#Events .EventItem .Details .Title h2 { margin:0 0 5px; }
#Events .EventItem .Details .Links { margin-top:10px; }
#Events .EventItem .Details .Links a { margin-right:10px; font-weight:bold; text-decoration:underline; }

#Events ul { margin:0 0 20px 0; list-style:none; padding:0 0 10px 0; }
#Events ul li { float:left; margin-left:0; padding:7px; font-size:12px; }
#Events ul li a { text-decoration:none; }

/*******************************************/
/*                   Shop                  */
/*******************************************/

#Shop h1 { border-bottom:1px solid #00b0d8; }
#Shop #ProductCategory h3 { margin-bottom:30px; }
#Shop #ShopBanner { margin-bottom:20px; }


/* Products */
#Shop #Products td { vertical-align:top; }
#Shop #Products td table { width:140px; }
#Shop #Products td .Thumbnail .ProductContainer { margin:0; padding:5px; width:130px; height:200px; background:url(../images/bg_loader.gif) no-repeat center center; text-align:center; border:1px solid #e6e6e6; }
#Shop #Products td .Thumbnail .New, #Shop #Products td .Thumbnail .SoldOut { margin-top:-25px; margin-left:90px; }
#Shop #Products td .Details { width:120px; }
#Shop #Products td .Colours { padding-bottom:8px; }
#Shop #Products td .Colours img { margin-top:10px; border:1px solid #e6e6e6; }
#Shop #Products td .Price { font-weight:bold; color:#00b0d8; }
#Shop #Products td .Price span { font-weight:bold; color:#999; }
#Shop #Products td h4  { margin:5px 0; font-size:11px; color:#000; font-weight:normal; }
#Shop #Products td .Thumbnail .ProductContainer .ProductLink { display:block; width:130px; height:200px; }

/* Paging */
#Shop .Paging { padding:5px 10px 5px 20px; background:#F1F1F1; }
#Shop .Paging .Details { float:left; margin-top:15px; }
#Shop .Paging .Details .Pages { float:left; }
#Shop .Paging .Details .Status { float:left; margin-left:20px; }
#Shop .Paging .Buttons { float:right; width:130px; margin-top:10px; }

/* Product Details */
#Shop .Product { margin-top:5px; }
#Shop .Product .Left  { float:left; width:255px; }
#Shop .Product .Left .New, #Shop .Product .Left .SoldOut { margin-top:-25px; margin-left:200px; }
#Shop .Product .Left .ProductImage { padding:10px; width:233px; min-height:120px; background:#FFF url(../images/bg_loading.gif) no-repeat center center; border:1px solid #e6e6e6; }
#Shop .Product .Left #ProductImageViews { margin-top:10px; width:255px; }
#Shop .Product .Left #ProductImageViews div { float:right; margin:0; padding:10px; width:100px; height:154px; overflow:hidden; text-align:center; border:1px solid #e6e6e6; }
#Shop .Product .Left #ProductImageViews .Clear { clear:both; float:none; height:0; border:0; }
#Shop .Product .Left #ProductImageViews .Left { float:left; margin:0 10px 0 0 }
#Shop .Product .Left #ProductImageViews div img { width:86px; }
#Shop .Product .Left #ProductImageViews div h4 { margin:3px 0 0; text-transform:uppercase; }
#Shop .Product .Right  { float:left; width:440px; }
#Shop .Product .Right .Details { float:left; padding:0 20px; width:430px; }
#Shop .Product .Right .Details .Options { margin:10px 0 0; padding:10px; width:300px; }
#Shop .Product .Right .Details .Options { background:#EBEBEB; }
#Shop .Product .Right .Details .Options .Size { float:left; }
#Shop .Product .Right .Details .Options div { clear:both; display:block; margin-top:4px; }
#Shop .Product .Right .Details .Options div label { float:left; margin:0; padding:2px; width:100px; text-align:left; }
#Shop .Product .Right .Details .Options div .Data { float:left; padding:3px; width:90px; }
#Shop .Product .Right .Details .Options .Price .Data { color:#00b0d8; font-weight:bold; font-size:12px; }
#Shop .Product .Right .Details .Options div .FormField { border:0; width:90px; }
#Shop .Product .Right .Details .Options div .Colours { clear:none; float:left; width:120px; }
#Shop .Product .Right .Details .Options div .Colours img { float:left; margin:2px; border:1px solid #CCC; }
#Shop .Product .Right .Details .Price { margin-bottom:20px; padding:10px; width:300px; color:#FFF; font-weight:bold; font-size:16px;  background:#4d4d4d; }
#Shop .Product .Right .Details .Buttons { float:left; width:300px; }
#Shop .Product .Right .Details .Buttons .Button { float:left; margin:0 10px 20px 0; }
#Shop .Product .Right .Details .Buttons .Loading { float:left; margin:0; padding:0; width:22px; height:22px; background:transparent url(../images/bg_loader.gif) no-repeat center center; }
#Shop .Product .Right .Views { margin-top:20px; }
#Shop .Product .Right .Views img { float:left; margin:0 10px 10px 0; }
#Shop .Product .Paging { padding:20px; }
#Shop .Product .Paging .Previous { float:left; }
#Shop .Product .Paging .Next { float:right; }
#Shop .Product .RecentlyViewed a img, #Shop .Product .RelatedProducts a img, #Shop .Product .AssociatedProducts img { margin-right:20px; width:50px; }
#Shop .Product .Extras h2 { display:block; padding:5px; background:#EBEBEB; border:0; font-size:12px; }

/* Size Chart */
.SizeChart { margin-bottom:15px; }
.SizeChart td { padding:6px; color:#1f2324; }
.SizeChart tr th { padding:6px 10px; font-weight:bold; font-size:10px; color:#666; text-align:center; background: #eee }

/*******************************************/
/*                My Account               */
/*******************************************/

/* Common */
#MyAccount #LoginContainer { margin:0 auto; width:700px; }
#MyAccount #LoginContainer #Login, #MyAccount #LoginContainer #Signup { float:left; width:330px; }
#MyAccount #LoginContainer h3 { margin-bottom:0; }
#MyAccount #LoginContainer .Content { padding:25px 30px; height:130px; background:#FFF; }

/* Login */
#MyAccount #LoginContainer #Login .Form div { margin-bottom:5px; }
#MyAccount #LoginContainer #Login .Form div label { display:block; float:none; margin:0 0 3px; text-align:left; }
#MyAccount #LoginContainer #Login .Form .Example, #MyAccount #LoginContainer #Login .Form .ForgotPassword { margin-left:5px; }
#MyAccount #LoginContainer #Login .Form .ForgotPassword { float:left; }
#MyAccount #LoginContainer #Login .Form .Button { margin-top:10px; }

/* Sign Up */
#MyAccount #LoginContainer #Signup { margin-left:30px; }
#MyAccount #LoginContainer #Signup .Or { margin:0 10px; width:40px; font-weight:bold; font-size:12px; color:#000; }

/* Update Details & Quick Checkout */
#UpdateDetails h3, #QuickCheckout h3 { margin-bottom:0; }
#UpdateDetails .Form, #QuickCheckout .Form { padding:30px 20px; background:#F1F1F1; }

/* Sign Up */
#SignUp h3 { margin-bottom:0; }
#SignUp .Col { width:410px; }
#SignUp .Details { margin-right:40px; }
#SignUp .Details .Content { background:#FFF; }
#SignUp .Details .Content img { margin-left:30px; }
#SignUp .Col .Form { padding:20px 20px 8px; background:#FFF; }

/*******************************************/
/*                  Basket                 */
/*******************************************/

#Basket, #Checkout #YourDetails, #Checkout #Payment { float:left; width:660px; }
#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:40px; width:180px; }
#BasketAssistant h3 { margin:0; } 
#BasketAssistant .Login, #BasketAssistant .Help, #BasketAssistant .SecurePayment { margin-bottom:20px; padding:15px; background:#FFF; }
#BasketAssistant .Login label { text-align:left; }
#BasketAssistant .Help { line-height:18px; }
#BasketAssistant .SecurePayment { font-size:9px; }
#BasketAssistant .SecurePayment .Cards img { float:left; margin:0 10px 5px 0; }

/* Basket List */
.BasketList { margin-top:0; }
.BasketList td { padding:5px; color:#333; }
.BasketList tr th { padding:5px 10px; color:#FFF; background:#00b0d8; font-weight:bold; font-size:14px; text-transform:uppercase; }
.BasketList tr.BasketItem td { background:#FFF; border-bottom:1px solid #EBEBEB; }
.BasketList tr.BasketItem td a.Remove { display:block; margin-top:10px; padding-left:15px; color:#CCC; font-weight:bold; text-transform:uppercase; background:url(../images/link_remove.gif) no-repeat 0 2px; }
.BasketList tr.Totals td { padding:15px 5px 0; color:#333; }
.BasketList tr.Total td { padding:10px 5px 0; color:#000; }
.BasketList tr.Total td span { font-size:18px; font-weight:bold; color:#000; }

/* Basket Form */
.BasketForm h3 { margin-bottom:0; }
.BasketForm .Form { margin-bottom:20px; padding:20px; background:#FFF; }
.BasketForm .Form .isDeliverySame label { width:auto; color:#000; }
.BasketForm .Form .Col { width:300px; }
.BasketForm .Form .Col .h4 { padding:0 0 5px 102px; }
.BasketForm .Data { display:block; float:left; margin:4px 0; color:#333; }
.BasketForm .Buttons { padding-left:127px; }
.BasketForm #PaymentType .Form .Col input { float:left; margin:15px 10px 0 80px; }

/*******************************************/
/*               Store Finder              */
/*******************************************/

#States { float:left; width:160px; padding-top:8px; }
#States ul { margin:5px 0 0 0; padding:0; list-style:none; }
#States ul li { clear:both; padding:3px; border-bottom:1px solid #efeff1; }
#States ul li.Selected  { background:#eee url(../images/bg_arrow.png) no-repeat right; }
#Stores { float:left; padding:10px; }
#Stores .Item { margin-bottom:10px; width:300px; padding-bottom:5px; }
#Stores .Item .Title { margin-bottom:5px; padding:5px; background:#ebebeb; font-size:12px; color:#000; font-weight:bold; }
#Stores .Item .Address { margin-left:5px; }

/*******************************************/
/*                 Team Wear               */
/*******************************************/

#TeamWear { float: left; width:730px; margin-bottom: 20px; }
#TeamWear #Hero { float: left; height: 280px; width: 730px; }
#TeamWear .Body .left { float: left; width: 236px; height: 150px; padding: 0; border-right: 2px solid #EEE; }
#TeamWear .Body .middle { float: left; width: 237px; height: 150px; padding: 0; border-right: 2px solid #EEE; }
#TeamWear .Body .right { float: left; width: 253px; height: 150px; padding: 0; }
#TeamWear .Body p { padding: 0px 15px 10px 25px; font-size: 11px; font-family: verdana; color: #555;}
#TeamWear .Body .label { font-size: 10px; font-weight: bold; }
#TeamWear .Footer .left { float: left; width: 236px; border-right: 2px solid #EEE; }
#TeamWear .Footer .middle { float: left; width: 237px; border-right: 2px solid #EEE; }
#TeamWear .Footer .right { float: left; width: 253px; }
#TeamWear .Footer p { padding: 10px 15px 10px 25px; }

/*******************************************/
/*                 Contact                 */
/*******************************************/

#Contact { margin:20px auto; width:740px; }
#Contact .Details { float:left; margin:0 40px 0 0; width:300px; background:#F1F1F1; }
#Contact .Details h3 { margin:0; }
#Contact .Forms { float:left; width:400px; }

/*******************************************/
/*                Locality                 */
/*******************************************/

#YourRegion h3 { margin-left:100px; }

/*******************************************/
/*              Photos		               */
/*******************************************/
#flickrGallery { position:relative; min-height:400px; }
#flickrGallery #bigLoader { position:absolute; height:60px; width:60px; background:url(../images/bigLoader.gif) 50% 50% no-repeat; top:40%; left:50%; }
#flickrGallery #back { position:absolute; bottom:2%; left:5%; }
#flickrGallery #pages { position:absolute; bottom:2%; left:50%; }
#flickrGallery #pages #pageNo { border:0; width:10px; }
#flickrGallery #pages #pageMax { border:0; width:10px; }
#flickrGallery #next { position:absolute; bottom:2%; right:5%; }

/*******************************************/
/*          Catalogue Downloads            */
/*******************************************/

#CatalogueDownloads .Thumbnail { float:left; margin:0 15px 15px 0; width:150px; }
#CatalogueDownloads .Summary { float:left; width:560px; }
#CatalogueDownloads .Summary h2 { margin:0; }
#CatalogueDownloads .Date { color:#999999; font-size:10px; }

/*******************************************/
/*           Community Articles            */
/*******************************************/

#ArticleCategories .CategoryItem { float:left; margin-bottom:15px; margin-left: 25px; margin-right: 30px; width: 270px; }
#ArticleCategories .CategoryItem .Thumbnail { float:left; margin:0 15px 10px 0; width:200px; text-align:center; }
#ArticleCategories .CategoryItem .Details { float:left; width:270px; }
#ArticleCategories .CategoryItem .Details .Title { margin-bottom:10px; padding:10px; line-height:normal; background:#ebebeb; }
#ArticleCategories .CategoryItem .Details .Title h1 { margin:0 0 5px; }
#ArticleCategories .CategoryItem .Details .Title span { margin:0 0 5px; }
#ArticleCategories .CategoryItem .Details .Links { margin-top:10px; }
#ArticleCategories .CategoryItem .Details .Links a { margin-right:10px; font-weight:bold; text-decoration:underline; }
#ArticleCategories hr { clear:both; margin-left:25px; color:#E0E0DE; background-color:#E0E0DE; border:0 none; height:1px; }

#Articles .ArticleItem { float:left; margin-bottom:15px; margin-left: 25px; margin-right: 30px; width: 670px; }
#Articles .ArticleItem .Thumbnail img { float:left; margin:0 15px 10px 0; width:100px; text-align:center; }
#Articles .ArticleItem .Details { float:left; width:550px; }
#Articles .ArticleItem .Details .Title { margin-bottom:10px; padding:10px; line-height:normal; background:#ebebeb; }
#Articles .ArticleItem .Details .Title h2 { margin:0 0 5px; }
#Articles .ArticleItem .Details .Title span { margin:0 0 5px; }
#Articles .ArticleItem .Details .Links { margin-top:10px; }
#Articles .ArticleItem .Details .Links a { margin-right:10px; font-weight:bold; text-decoration:underline; }
#Articles hr { clear:both; margin-left:25px; color:#E0E0DE; background-color:#E0E0DE; border:0 none; height:1px; width: 670px }

#Article .ArticleDetail { float:left; margin-bottom:15px; margin-left: 25px; margin-right: 30px; width: 670px; }
#Article .ArticleDetail .Image img { float:right; margin:0 15px 10px 0; padding-left: 50px; height:100px; text-align:center; }
#Article .ArticleDetail .Title { margin-bottom:10px; line-height:normal; background:#fff; }
#Article .ArticleDetail .Title h1 { margin:0 0 5px; font-size: 20px }
#Article .ArticleDetail .Title h2 { margin:0 0 5px; font-size: 15px; font-weight: normal;}
#Article .ArticleDetail .Title span { padding-top: 30px;  display: block; }
#Article .ArticleDetail .Details { float:left; margin: 0 0 5px; }
#Article hr { clear:both; color:#E0E0DE; background-color:#E0E0DE; border:0 none; height:1px; width: 660px }

/*******************************************/
/*               Star Rating               */
/*******************************************/

.StarRating { position:relative; margin:0; padding:0; width:75px; height:15px; list-style:none; background:url(../images/alt_star.gif) top left repeat-x; }
.StarRating li { padding:0; margin:0px; /*\*/ float:left; /* */ }
.StarRating li a { display:block; position:absolute; z-index:20; padding:0; width:15px; height:15px; text-decoration:none; text-indent:-9000px; }
.StarRating li a:hover { z-index:2; left:0; background: url(../images/alt_star.gif) left bottom; }
.StarRating a.one-stars { left:0; }
.StarRating a.one-stars:hover { width:15px; }
.StarRating a.two-stars { left:15px; }
.StarRating a.two-stars:hover { width:30px; }
.StarRating a.three-stars { left:30px; }
.StarRating a.three-stars:hover { width:45px; }
.StarRating a.four-stars { left:45px; }	
.StarRating a.four-stars:hover { width:60px; }
.StarRating a.five-stars { left:60px; }
.StarRating a.five-stars:hover { width:75px; }
.StarRating li.current-rating { display:block; position:absolute; z-index:1; height:15px; background:url(../images/alt_star.gif) left center; text-indent:-9000px; }		

/*******************************************/
/*           Design Submit & Vote          */
/*******************************************/

#DesignCategories { float:right; width:230px; padding: 10px 0 5px 0;  background-color: #00b0d8; }
#DesignCategories div { margin: 0 0 5px 0; }
#DesignCategories div label {  float: left; display: block; text-align:right; margin-right:5px; width:60px; color: #FFF; }
#DSVSubmit .Details { float:left; padding:15px; width:500px; border:1px solid #bababa; }
#DSVSubmit .Tip { float:right; padding:10px; width:160px; font-size:10px; line-height:14px; background:#fafafa; border:1px solid #bababa; } 
#DSVSubmit .FormButton { margin:10px 0 0; }
#DSVSubmit #TemplateImage { margin:15px 0; padding:10px; background:#FFF; text-align:center; border:1px solid #CCC; }
#DSVSubmit #Garment { padding-left:70px; }
#DSVSubmit #Garment .Design { float:left; width:270px;}
#DSVSubmit #Garment .Design #ProductImage { margin:10px auto;}

/*******************************************/
/*              Design Service             */
/*******************************************/

.DSForm {float:right; width:470px; }
.DSForm .h2 { display:block; width:470px; padding:6px; font-size:11px; background:#404040; color:#FFF; }
.DSForm .h3 { display:block; margin:0 0 5px 110px; font-size:11px; color:#404040; }
.DSForm img { margin:10px; border:1px solid #E0E0DE; }
.DSForm .Col { float:left; margin:10px 0 10px 20px; width:260px; clear:none; }
.DSForm .TopPadding { margin-top:30px; }
.DSForm .Form label { width:100px; }
.DesignServiceTable { margin: 0; }
.DesignServiceTable td { padding: 0 0 10px 0; vertical-align:top; font-family: verdana; font-size: 11px; color: #666 }
.DesignServiceTable td.centre { padding-right:30px; padding-left: 15px; }
.DesignServiceOptionsTable { width:490px; border: 2px solid #DDD; }
.DesignServiceOptionsTable h3 { color:#FFF; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing: 0px;}
.DesignServiceOptionsTable td.col {width:240px; padding-left: 15px; padding-right: 15px; vertical-align:top; font-family: verdana; font-size: 11px; color: #666 } 
.DesignServiceOptionsTable td.divider { width: 2px; border-left: 2px solid #DDD; }

/* Popup Windows */
#WindowWrapper { margin:0; width:780px; height:520px; background-color: #FFF; overflow-y: scroll; }
#WindowWrapper .Header { padding: 5px; background-color: #00b0d8; }
#WindowWrapper .Header h1 { margin: 10px 0 0 10px; color: #FFF; font-weight: normal; font-size: 18px; }
#WindowContainer { min-height:480px; background:#FFF; }
#WindowContainer.Columns { background:#FFF url(../images/bg_content.png) repeat-y; }
#WindowContainer .ColLeft { float:left; width:200px; }
#WindowContainer .ColRight { float:left; width:560px; line-height:18px; }
#WindowContainer .Content { padding:15px; }
#WindowContainer .ProductImage { float:left; margin:0 20px 20px 20px; }
#WindowContainer #ProductImage { margin:5px 0 15px; }

/* social */
#content { padding-bottom: 25px !important; }
#content .social { margin:15px 0 5px 0; }
#content .social ul { list-style:none; margin:0; padding:0; }
#content .social ul li { float:left; display:block; margin:0 5px 0 0; padding:0; }
#content .social ul li.fb-like-button { width:90px; overflow:hidden; }
#content .social ul li.plus-button { width:75px; overflow:hidden; }
#content .social ul li.share-bottom  { margin-top:2px; }

/* Blog */
.side-links ul { padding-left: 11px; list-style: none; }
.side-links ul li { padding:0 0 5px; }
.Blog .Extras { display:block; margin:0; padding:0; height:22px; list-style:none; }
.Blog .Extras li { float:left; margin:0 15px 0 0; padding:0; font-size:11px; color:#76787b; }
.Blog .Extras li a { padding:2px 0; color:#76787b; text-decoration:none; }
.Blog .Extras li a:hover { color:#000; }
.Blog .Extras li.Permalink a { padding-left:20px; background:url(../images/icons/permalink.png) no-repeat top left; }
.Blog .Extras li.Comments a { padding-left:20px; background:url(../images/icons/comments.png) no-repeat top left; }
.Blog .Extras li.ShareThis a { padding-left:20px; background:url(../images/icons/sharethis.png) no-repeat top left; }
.Blog .post div.social { display: block !important; }

