﻿/* FORMATTING OPTIONS */
.float
{
	float: left;
	vertical-align: bottom;
}
.float2
{
	padding: 4px 4px 4px 4px;
	float: left;
	width: 250px;
	vertical-align: bottom;
}
.float3
{
	float: left;
	font-family: Arial;
	font-size: 11px;
	color: #000;
	vertical-align: bottom;
}
.float4
{
	padding: 4px 4px 4px 4px;
	float: left;
	font-family: Arial;
	font-size: 11px;
	color: #000;
	vertical-align: bottom;
}

/* CATEGORY LISTING PAGE */
.ShopCategoryLink
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.ShopCategoryLink:Hover
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #000;
}

.ShopProductLink, a:link.ShopProductLink, a:active.ShopProductLink, a:hover.ShopProductLink, a:visited.ShopProductLink
{
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 11px;
	text-decoration: none;
	color: #6c6d5b;
	font-weight: normal;
}
.ShopLinkArea
{
	padding: 17px 0 25px 0;
	text-align: center;
	width: 105px;
}

.SaleProduct
{
	color: #f00;
}
.SaleProduct:Hover
{
	color: #f00;
}

.ShopCategoryImage
{
	border: none;
	width: 105px;
	height: 129px;
	background: #f5f5f5;
	overflow: hidden;
}

.PagingNumbers
{
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	background-color: #ccc;
	color: #333;
}
.PagingNumbersSelected
{
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	background-color: #cc0000;
	color: #fff;
}
.PagingButton
{
	font-family: Verdana;
	font-size: 9px;
	text-decoration: none;
}
.CategoryTable
{
	text-align: center;
}
.CategoryTable:Hover
{
	text-align: center;
	background-color: #ededed;
}
.Legend
{
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
}

/* PRODUCT DISPLAY PAGE */

.ProductName
{
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 18px;
	text-decoration: none;
	color: #00a0b0;
	line-height: 42px;
	font-weight: bold;
}
.ProductDescription
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	text-decoration: none;
	color: #666;
	line-height: 16px;
}
.SaleProduct
{
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	color: Red;
	font-weight: bold;
}
.normalPrice
{
	font-family: Verdana, Sans-Serif;
	font-size: 14px;
	text-decoration: none;
	color: #666;
	font-weight: normal;
	line-height: 35px;
}
.ProductItemLabel
{
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
.ProductItemValue
{
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	color: #000;
}
.ProductDropDown
{
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	width: 150px;
}
.ProductAnchor
{
	font-family: Arial;
	font-size: 11px;
	text-decoration: underline;
	color: #000;
}
.ProductImageArea
{
	width: 352px;
}
.ProductDataArea
{
	width: 315px;
}
.ProductImageLarge
{
	background: #f5f5f5;
	width: 315px;
	height: 360px;
}
.ProductImageSmall
{
	padding: 9px 0 0 0;
}

.ProductQty
{
	width: 20px;
	font-family: Arial;
	font-size: 11px;
	color: #000;
}

.SizeButton, a:link.SizeButton, a:active.SizeButton, a:hover.SizeButton, a:visited.SizeButton
{
	width: 30px;
	height: 30px;
	border: solid 1px #999;
	background: #fff;
	color: #666;
	cursor: pointer;
	text-transform: uppercase;
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	font-weight: normal;
	padding: 0 6px 0 6px;
}
.SizeButtonSelected, a:link.SizeButtonSelected, a:active.SizeButtonSelected, a:hover.SizeButtonSelected, a:visited.SizeButtonSelected
{
	width: 30px;
	height: 30px;
	border: solid 1px #000;
	background: #999;
	color: #000;
	cursor: pointer;
	text-transform: uppercase;
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	font-weight: normal;
	padding: 0 6px 0 6px;
}
.ColourBox
{
	width: 27px;
	height: 27px;
	border: solid 1px #000;
	display: block;
	background: Transparent;
	position: relative;
	top: 1px;
	left: 1px;
}
.ColourBoxLabel
{
	clear: left;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	color: #666;
	font-weight: normal;
	line-height: 35px;
	margin-top: 3px;
	text-transform: uppercase;
}
.ColourBG
{
	background: Transparent;
	width: 35px;
	height: 35px;
}
.ColourBGSelected
{
	background: url(../../Images/ColourBG.gif) no-repeat top left;
	width: 35px;
	height: 35px;
}
.ProductNotes
{
	background: #e2e2de;
	width: 309px;
}
.ProductNotes ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 309px;
}
.ProductNotes li
{
	float: left;
}
.PNPanels
{
	width: 309px;
	background: #e2e2de;
	text-align: center;
}
.PNPanel
{
	width: 261px;
	margin: auto;
	text-align: left;
	padding: 15px 0 10px 0;
	font-family: arial, helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	line-height: 16px;
}

/* SHOPPING CART */

.QtyField
{
	width: 35px;
}
.SeparatorHr
{
	border: 0;
	border-top: solid 1px #999999;
	height: 1px;
}
.SideCartTable td
{
	vertical-align: top;
	font-family: arial, helvetica, sans-serif;
	color: #666;
	font-size: 11px;
	line-height: 14px;
}
.SCShadow
{
	background: url(../../images/SC_LeftShadow.gif) repeat-y left;
	width: 10px;
	vertical-align: top;
}
.SCPadding
{
	padding: 44px 0 0 0;
}
.ShoppingCartTable td
{
	height: 50px;
}

/* PAYMENT PROCESS */

.SCTitle
{
	float: left;
	padding: 10px 0px 10px 0;
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 18px;
	text-decoration: none;
	color: #00a0b0;
	line-height: 42px;
	font-weight: bold;
}
.SCSubTitle
{
	float: left;
	padding: 10px 0px 10px 0;
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 14px;
	text-decoration: none;
	color: #00a0b0;
	line-height: 42px;
	font-weight: bold;
}
.SCTitleHr
{
	float: left;
	border: 0;
	border-top: solid 1px #999999;
	height: 1px;
	width: 100%;
}
.SCDescription
{
	float: left;
	font-family: Arial;
	font-size: 11px;
	color: #000;
}
.SignupBox
{
	width: 176px;
	height: 24px;
	border-top: solid 1px #6E6E6E;
	border-left: solid 1px #8C8C8C;
	border-right: solid 1px #D1D1D1;
	border-bottom: solid 1px #E8E8E8;
	background-image: url(../../images/CheckoutFieldBG.gif);
	background-position: top left;
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	line-height: 20px;
}

.SCFormItemHighlighted
{
	float: left;
	width: 100%;
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 12px;
	color: #999;
	font-weight: normal;
	line-height: 16px;
}

.SCFormItem
{
	float: left;
	width: 100%;
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 12px;
	color: #999;
	font-weight: normal;
	line-height: 16px;
	padding: 0 0 6px 0;
}
.SCFormTextItem
{
	float: left;
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 12px;
	color: #999;
	font-weight: normal;
	line-height: 26px;
	width: 120px;
}
.SCFormFieldItem
{
	float: left;
	font-family: Arial;
	font-size: 11px;
	color: #000;
	width: 300px;
	text-align: left;
}
.SCForwardButton
{
	font-family: Arial;
	font-size: 11px;
	color: #000;
	font-weight: bold;
}
.SCBackButton
{
	font-family: Arial;
	font-size: 11px;
	color: #000;
}
.SCBasePanel
{
	float: left;
	width: 100%;
	vertical-align: bottom;
}
.SCPanel
{
	padding: 4px 4px 4px 4px;
	float: left;
	width: 100%;
	height: auto;
}
.SCBaseItem
{
	float: left;
	width: 255px;
	padding: 0px 10px 0px 10px;
	vertical-align: bottom;
}
.ActiveButton
{
	background-color: #999999;
}
.InActiveButton
{
	background-color: #eeeeee;
}
.SCStep
{
	float: left;
	width: 239px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	background: #e2e2de;
}
.SCStepInActive
{
	float: left;
	width: 239px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	background: #e2e2de;
	font-family: Century Gothic, Arial;
	font-size: 12px;
	color: #6c6d5b;
	text-decoration: none;
}
.SCStepActive
{
	float: left;
	width: 239px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	background: #a6a89d;
	font-family: Century Gothic, Arial;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
.SCStepCurrent
{
	font-family: Arial;
	font-size: 11px;
	color: #f00;
	padding: inherit;
	text-decoration: none;
}

.SCValidationError
{
	font-family: Arial;
	font-size: 11px;
	color: #f00;
	padding: 2px 2px 2px 15px;
	text-decoration: none;
}

.SCValidationHeading
{
	font-family: Arial;
	font-size: 12px;
	background-color: Yellow;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	color: #f00;
	width: 100%;
}

#MainDiv ul
{
	margin: 0 0 0 72px;
	padding: 0;
	list-style: none;
	clear: both;
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 12px;
	line-height: 18px;
}

#MainDiv li
{
	background: url(../../images/MenuDisc.gif) no-repeat top left;
}

#MainDiv li:hover
{
	background: url(../../images/MenuDisc.gif) no-repeat top left;
}

#MainDiv li a
{
	color: #6c6d5b;
	font-weight: normal;
	text-decoration: none;
	width: 100%;
	display: block;
	padding: 0 0 0 10px;
}

#MainDiv a:hover
{
	color: #16949c;
	font-weight: normal;
	text-decoration: none;
	width: 100%;
	display: block;
	padding: 0 0 0 10px;
}

#MainDiv li ul
{
	margin: 0 0 0 32px;
	padding: 0;
	list-style: none;
	clear: both;
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 12px;
	line-height: 18px;
}

#MainDiv li li:hover
{
}


#MainDiv .Selected a
{
}

#MainDiv .Selected
{
}

#MainDiv Selected
{
}
.MenuTitle
{
	margin: 0 0 0 56px;
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 18px;
	color: #16949c;
	line-height: 40px;
}
/* CHECKOUT STYLES */

.CLeftColumn
{
	width: 161px;
	margin: 0 23px 0 0;
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 12px;
	color: #6c6d5b;
	font-weight: normal;
	line-height: 16px;
	text-align: right;
}
.CMainColumn
{
	width: 670px;
}
.CheckoutTitle
{
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 12px;
	color: #6c6d5b;
	font-weight: bold;
	line-height: 30px;
	text-transform: uppercase;
}
.CheckoutDescription
{
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	line-height: 16px;
}
.CheckoutForm
{
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 12px;
	color: #999;
	font-weight: normal;
	line-height: 16px;
}
.CheckoutCheckBox
{
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 10px;
	color: #6c6d5b;
	font-weight: normal;
	line-height: 16px;
}
.CheckoutDivider
{
	width: 102px;
	background: url(../../images/CheckoutVerticalDots.gif) repeat-y;
}
.CheckoutDetailsTable td
{
	padding: 0 0 6px 0;
}

/* END CHECKOUT STYLES */
