﻿form
{
	width:988px;
	margin-left:auto;
	margin-right:auto;
}

/* ========== Page Top Bar ========== */
form .Top
{
	position:relative;
	height:35px;
}

form .Top img.Logo
{
	position:absolute;
	left:11px;
}

form .Top .left
{
	height:35px;
	width:7px;	
}

form .Top .right
{
	height:35px;
	width:7px;
}

form .Top .UpperNav
{
	top:4px;
	right:10px;
	position:absolute;
	line-height:25px;
}

form .Top .UpperNav div
{
	float:left;
	line-height:25px;
	vertical-align:middle;
	padding-left:5px;
}

form .Top .UpperNav div input
{
	font-size:16px;	
}

form .Top .UpperNav div a
{
	padding:2px 6px 2px 0;
}

form .Top .UpperNav div a.Last
{
	border:0;	
}
/* ========== Page Top Bar ========== */

/* ========== Main Menu ========== */

ul.TopRow
{
	margin:16px 0 10px 10px;
}

ul.BottomRow
{
	margin-left:10px;
	margin-bottom:8px;
}

ul.Menu li
{
	display:inline;
}

ul.Menu a
{
    font-weight: bold;
}

ul.Menu a:hover
{
    text-decoration: underline;
}

ul.Menu.TopRow li
{
	margin-right: 14px;
	font-size: 12px;
}

ul.Menu.BottomRow li
{
	margin-right: 15px;
	font-size: 11px;
}

/* ========== Main Menu ========== */

/* ========== Category Tabs =========== */
.CategoryTabs
{
	border-bottom:solid 1px #2b97ba;
	height:20px;
}

.CategoryTabs ul li
{
	padding:0;
	display:inline;
	height:20px;
}

.CategoryTabs ul li div
{
	height:20px;
	float:left;
	padding-right:1px;
}
/* ========== Category Tabs =========== */

/* ========== Manipulation Tabs =========== */
.ManipulationTabs
{
	margin-bottom:1px;
	height:27px;
}

.ManipulationTabs h1
{
	padding: 8px 10px 0 10px;
}

.ManipulationTabs ul li
{
	padding:0;
	display:inline;
	height:27px;
}

.ManipulationTabs ul li div
{
	height:27px;
	float:left;
	padding-right:1px;
}
/* ========== Manipulation Tabs =========== */

/* ========== Additional Elements Tabs =========== */
.AdditionalElementsTabs
{
	height:20px;
}

.AdditionalElementsTabs ul li
{
	padding:0;
	display:inline;
	height:20px;
}

.AdditionalElementsTabs ul li div
{
	height:20px;
	float:left;
	padding-right:1px;
}
/* ========== Additional Elements Tabs =========== */

/* ========== Additional Elements Panel ========== */

.AdditionalElementsTop,
.AdditionalElementsBottom
{
	height:7px;
}

.AdditionalElementsTop .AdditionalElementsRight
{
	float:right;
	width:7px;
	height:7px;
}

.AdditionalElementsBottom .AdditionalElementsLeft
{
	float:left;
	width:7px;
	height:7px;
}

.AdditionalElementsBottom .AdditionalElementsRight
{
	float:right;
	background:transparent url(../../Images/Backgrounds/AddElements_BottomRight.gif) no-repeat left top;
	width:7px;
	height:7px;
}

.AdditionalElements table.FourCols,
.AdditionalElements table.FourCols td table,
.AdditionalElements table.ThreeCols
{
	width:100%;
}

.AdditionalElements table.FourCols td
{
	vertical-align:top;
	padding-left:10px;	
}

.AdditionalElements table.FourCols td.First
{
	width:175px;
}

.AdditionalElements table.FourCols td table td
{
	padding:5px;
	width:33%;
}

.AdditionalElements table.FourCols td table td div
{
	float:left;
}

.AdditionalElements table.FourCols td table td div img
{
	margin-right:5px;
}

.AdditionalElements table.FourCols td table td div input
{
	margin-top:10px;
}

.AdditionalElements table.FourCols td table td div input.Select
{
	margin-left:21px;	
}

.AdditionalElements table.ThreeCols td
{
	padding-left:10px;
	vertical-align:top;	
}

.AdditionalElements table.ThreeCols td.First
{
	width:200px;	
}

.AdditionalElements table.ThreeCols td.Image
{
	padding:0;
	width:320px;
	height:320px;
	vertical-align:middle;
	text-align:center;
}

.AdditionalElements table.ThreeCols table.StripeSettings input,
.AdditionalElements table.ThreeCols table.JacquardSettings input
{
	width:120px;
	margin-right:5px;
	margin-left:5px;
}

.AdditionalElements table.ThreeCols table.JacquardSettings input
{
	width:300px;	
}

.AdditionalElements table.ThreeCols table.StripeSettings td.Heavy,
.AdditionalElements table.ThreeCols table.JacquardSettings td.Heavy
{
	padding-bottom:5px;
	vertical-align:bottom;
}

.AdditionalElements table.ThreeCols table.StripeSettings td,
.AdditionalElements table.ThreeCols table.JacquardSettings td
{
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;	
}

.AdditionalElements table.ThreeCols table.StripeSettings td h1
{
	margin-top:3px;
	margin-bottom:0;
}

.AdditionalElements table.ThreeCols table.StripeSettings td table,
.AdditionalElements table.ThreeCols table.StripeSettings td table td,
.AdditionalElements table.ThreeCols table.JacquardSettings td table,
.AdditionalElements table.ThreeCols table.JacquardSettings td table td
{
	border:0;
	padding:0;
	border:0;
}

.AdditionalElements table.ThreeCols td.Last
{
    padding-right: 10px;
}

/* ========== Additional Elements Panel ========== */

/* ========== ProductsPanel Panel ========== */
.ViewCategory .ProductsPanel
{

	width:338px;
	min-height:143px;
	height:auto !important;
	height:143px;
}

.ViewCategory .ProductsPanel .Top
{
	min-height:143px;
	height:auto !important;
	height:143px;
}

.ViewCategory .ProductsPanel .Bottom
{
	min-height:143px;
	height:auto !important;
	height:143px;
}

.ViewCategory .ProductsPanel .Bottom .product
{
	text-align:center;
	float:left;
	width:169px;	
}
/* ========== ProductsPanel Panel ========== */

/* ========== Manipulation Panel ========== */
.ManipulationPanel
{
	width:986px;
	min-height:143px;
	height:auto !important;
	height:143px;
}

.ManipulationPanel .Top
{
	height:7px;	
}

.ManipulationPanel .Top .left
{
	height:7px;
	width:7px;
}

.ManipulationPanel .Top .right
{
	height:7px;
	width:7px;
}

.ManipulationPanel .Bottom
{
	padding:10px;
	padding-top:0;
	min-height:143px;
	height:auto !important;
	height:143px;
}

.ManipulationPanel .Bottom .left
{
	width:300px;
}

.ManipulationPanel .Bottom .left input,
.ManipulationPanel .Bottom .left select
{
	margin-top:4px;	
}

.ManipulationPanel .Bottom .left .Content
{
	padding-right:10px;	
}

.ManipulationPanel .Bottom .left select
{
	width:150px;	
}

.ManipulationPanel .Bottom .middle
{
	float:left;
	width:406px;
	position:relative;
}
.ManipulationPanel .Bottom .right
{
	width:260px;
}

.ManipulationPanel .Bottom .right img
{
	float:left;	
}

/* ========== Manipulation Panel ========== */

/* ========== Login Control Container ========== */
.LoginContainer
{
	width:323px;
}

.LoginContainer .Top
{
	position:relative;
	height:27px;
}

.LoginContainer .Top h3,
.LoginContainer .Top .KeepMeLoggedIn
{
	position:absolute;
	line-height:22px;
	vertical-align:middle;
}

.LoginContainer .Top h3
{
	left:15px;	
}

.LoginContainer .Top .KeepMeLoggedIn
{
	left:140px;
	font-weight:bold;
}

.LoginContainer .Top .left
{
	width:7px;
	height:27px;
}

.LoginContainer .Top .right
{
	width:7px;
	height:27px;
}

.LoginContainer .Content
{
	padding:0 13px 5px 13px;
}

.LoginContainer .Content input
{
	float:left;
	margin-right:5px;
}

.LoginContainer .Content input.Text
{
	width:130px;
	font-size:16px;
}

.LoginContainer .Content input.Password
{
	font-size:16px;
}

.LoginContainer .Content div
{
	padding-top:5px;
}

.LoginContainer .Bottom
{
	height:7px;
}

.LoginContainer .Bottom .left
{
	width:7px;
	height:7px;
}

.LoginContainer .Bottom .right
{
	width:7px;
	height:7px;
}

.DefaultTextIdle
{
    font-size: 11px;
}

.DefaultTextActive
{
    font-style: normal;
    font-size:16px;
}
/* ========== Login Control Container ========== */

/* ========== Category Container ========== */
.CategoryContainer
{
	float:left;
	width:323px;
}

.CategoryContainerSeperator
{
	margin-top:30px;
	float:left;
	width:8px;
	height:126px;
}

.CategoryContainer .Top
{
	position:relative;
	height:8px;
}

.CategoryContainer .Top .left
{
	width:8px;
	height:8px;
}

.CategoryContainer .Top .right
{
	width:8px;
	height:8px;
}

.CategoryContainer .Content
{
	padding-left:8px;
	padding-right:8px;
}

.CategoryContainer .Bottom
{
	height:8px;
}

.CategoryContainer .Bottom .left
{
	width:8px;
	height:8px;
}

.CategoryContainer .Bottom .right
{
	width:8px;
	height:8px;
}

/* ========== Category Container ========== */

/* ========== Page Stuctures ========== */
.VerticleSpace
{
	margin-top:20px;	
}

.Registration
{
	margin:5px 10px 20px 10px;	
}

.Registration .left
{
	width:320px;
}

.Registration .right
{
	width:648px;
}

.Registration .Content
{
	padding-right:20px;	
}

.Registration .right .Content
{
	margin-left:20px;	
}

.Home 
{
	margin-top:15px;
	margin-bottom:10px;	
}

.Home .left .Content
{
	width:600px;
}

.ViewCategory .StylesPanel
{
	width:640px;
}

.ViewCategory .StylesPanel .Styles .Item
{
	width:160px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

.ViewCategory .StylesPanel .Styles .Item .Container
{
	padding-right:10px;	
}

.ViewCategory .StylesPanel,
.ViewCategory .ProductsPanel
{
	Margin-top:10px;	
}

.StyleButton,
.StyleButtonSelected
{
	margin-top:5px;	
}


.Advanced-Search
{
	margin:5px 10px 20px 10px;
}

.Advanced-Search .Content
{
	margin-top: 10px;
	width: 480px;
	min-height: 255px;
}

.Advanced-Search .FormContent
{
	padding-top: 15px;
}

/* ========== Page Stuctures ========== */

/* ========== Forms ==========*/
.Form .Field
{
	clear:both;
	padding-top: 4px;
}

.Form .Field .Label,
.Form .Field input,
.Form .Field select
{
	float:left;	
}

.Form .Field input[type=text], .Form .Field input[type=password], .Form .Field select, .Form .Field textarea
{
	border: solid 1px #999999;
	padding: 3px;	
}

.Form .Field input.Text, .Form .Field textarea.Text
{
	width:185px;	
}

.Form .Field select
{
	width:189px;	
}

.Form .Field input.Short
{
	width:50px;	
}

.Form .Heading
{
	clear:both;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
	text-transform:uppercase;	
}

.Form .Button
{
	margin-top:10px;	
}

.Register .Field .Label
{
	width:120px;	
}

.Login .Field
{
	width: 100%;
}

.Login .Field input.Text
{
	width:180px;	
}

.Login .Field .Label
{
	width:80px;	
}

.AdvancedSearch .Field .Label
{
	width: 125px;
}

.AdvancedSearch .Field input.Text
{
	width: 162px;
}

.AdvancedSearch .Field select
{
	width: 169px;
}

.SearchWords
{
	padding-top: 15px;
	padding-bottom: 10px;
}

.Required
{
	padding-right:20px;
}
/* ========== Forms ==========*/

/* ========== Dashes ==========*/
.DashVert320
{
	height: 1%;
}

/* ========== Dashes ==========*/

.HeadingDots
{
	background:transparent url(../../Images/Backgrounds/HeadingDots.gif) no-repeat right center;
	padding-right:178px;
}

.HorizontalDivider
{
	height: 2px; 
	margin-top: 15px; 
	margin-bottom: 10px;
}

/* Sizes and Quantities */

.ManipulationPanel .quantities
{
	float: left;
	margin-bottom: 8px;
}

.ManipulationPanel .quantity-container
{
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 7px;
	float: left;
}

.ManipulationPanel .quantity-container-bottom
{
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 9px;
	float: left;
}

.ManipulationPanel .quantity-separator
{
	float: left;
	width: 4px;
	height: 1px;
}

.sizes-flash
{
	width: 606px;
	margin: 0 auto 0 auto;
}

.ManipulationPanel .quantity
{
	width: 311px;
	padding: 4px;
	background-repeat: no-repeat;
}

.quantity input[type=text]
{
	width: 21px;
	padding: 3px 1px 3px 1px;
	text-align: center;
}

.quantity-text /*this is so that it works in IE6*/
{
    width: 21px;
	padding: 3px 1px 3px 1px;
	text-align: center;
}

.quantity td
{
	text-align: center;
	font-size: 0.9em;
}

.quantity td.measurement
{
	text-align: left;
}

.quantity .title
{
	text-transform: uppercase;
}

.quantity .title_sizes
{
	text-transform: uppercase;
	margin-bottom: 20px;
}

.quantity .preproduction
{
    text-transform: uppercase;
    margin-bottom: 0;
}

.quantity .preproduction input[type=checkbox]
{
    margin-top: 5px;
}

.quantity .preproduction label
{
    padding-bottom: 5px;
    vertical-align: middle;
    display: inline-block;
    font-size: 0.95em;
}

.quantity .preproduction .preprod-check
{
    margin-left: 2px;
}

.quantity .preproduction .preproduction-size
{
    margin-left: 3px;
    display: none;
}

.quantity .gender_title
{
    padding: 6px 0 3px 0; 
    width:40px; 
    float:left; 
    margin-bottom:0;
}

.ManipulationPanel .Button
{
	margin-right: 12px;
	
}

input[type=checkbox]
{
	margin-right: 4px;
}

table.AdditionalShippingAddresses
{
	width: 400px;
}

table.AdditionalShippingAddresses td
{
	vertical-align: top;
	border: solid 1px #999999;
	padding: 5px 5px 5px 5px;
}

.BreadCrumbs
{
	margin-bottom: 4px;
	margin-left: 8px;
}

.ViewCategory h1
{
	margin-left: 8px;
	margin-bottom: 8px;
}

/* ========== Fabric Type ========== */

.ProductItem
{
	float: left;
	width: 134px;
	padding-right: 6px;
	padding-bottom: 10px;
}

.ProductFabric
{
	text-align: right;
	padding-bottom: 1px;
}

.WhiteOnBlueRoundedCorners
{
	position: relative;
	height: auto !important;
	height: 0;
}

.WhiteOnBlueRoundedCorners .TopLeft, .WhiteOnBlueRoundedCorners .TopRight, .WhiteOnBlueRoundedCorners .BottomLeft, .WhiteOnBlueRoundedCorners .BottomRight
{
	position: absolute;
	height: 9px;
	width: 9px;
	line-height: 9px;
}

.WhiteOnBlueRoundedCorners .CornerCenter
{
	margin-left: 9px;
	margin-right: 9px;
	height: 9px;
	line-height: 9px;
}

.WhiteOnBlueRoundedCorners .Content
{
	padding: 0 9px 0 9px;
}

.WhiteOnBlueRoundedCorners .TopLeft
{
	top: 0;
	left: 0;
}

.WhiteOnBlueRoundedCorners .TopRight
{
	top: 0;
	right: 0;
}

.WhiteOnBlueRoundedCorners .BottomLeft
{
	bottom: 0;
	left: 0;
}

.WhiteOnBlueRoundedCorners .BottomRight
{
	bottom: 0;
	right: 0;
}

.FabricSelection TD
{
	padding-top: 10px;
}

.FabricSelection INPUT
{
	vertical-align: middle;
}

.FabricSelection LABEL
{
	display: inline-block;
	padding-left: 10px;
	width: 210px;
	vertical-align: middle;
}

.LoginTable
{
	margin: -10px 0 -5px 0;
}

.LoginTable td
{
	vertical-align: middle;
	padding-bottom: 4px;
}

.LoginTable .LoginTableLeft
{
	width: 130px;
}

#DistributorCodePopup
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -250px;
	width: 500px;
}

#DistributorCodePopup
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -250px;
	width: 500px;
}

#EmailProductsPopup
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -250px;
	width: 500px;    
}

#PrintStoryboardPopup
{
	position: absolute;
	top: 50%;
	left: 45%;
	margin-top: -250px;
	margin-left: -350px;
	width: 815px;    
}

#SuccessPopup
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -100px;
	width: 200px;
}

#FabricsAndColoursPopup
{
	position: absolute;
	top: 50%;
	left: 45%;
	margin-top: -250px;
	margin-left: -350px;
	width: 815px;    
}

TABLE.SendCode
{
	width: 100%;
}

TABLE.SendCode TD
{
	padding: 5px 0 5px 0;
}

TABLE.SendCode .CustomersName
{
	padding-right: 5px;
}

TABLE.SendCode .CustomersName INPUT
{
	width: 130px;
	padding: 2px;
}

TABLE.SendCode .EmailAddress INPUT
{
	width: 130px;
	padding: 2px;
}

TABLE.EmailProduct TD
{
	padding: 5px 0 5px 0;
}

TABLE.EmailProduct .Name INPUT
{
	width: 220px;
	border: solid 1px #9c9c9c;
	padding: 2px;
}

TABLE.EmailProduct .Name TEXTAREA
{
	width: 220px;
	border: solid 1px #9c9c9c;
	padding: 2px;
}

.PlacketChoiceRB
{
	float: left;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 10px;
}

.PlacketChoiceText
{
	float: left;
	width: 390px;
	padding-bottom: 10px;
}

.ExtraOptionsPanel
{
	padding: 10px 10px 10px 10px;
	float: left;
	width: 230px;
	height: 210px;
	margin-right: 7px;
	margin-bottom: 7px;
}

.CollarPanel
{
	padding: 10px 10px 0 10px;
	float: left;
	width: 230px;
	height: 160px;
	margin-right: 7px;
	margin-bottom: 7px;
}

.CollarImage
{
	float: left;
	width: 95px;
	padding-right: 10px;
	text-align: center;
}

.CustomLabelsSpecificationsPanel
{
    width: 320px;
    padding-top: 10px;
}

.CustomLabelsImagePanel
{
    width: 240px;
    height: 320px;
    vertical-align: middle;
    text-align: center;
    padding-top: 30px;
}

.Validation
{
    color: #0b333c;
    width: 494px;
    font-weight: normal;
    float: left;
    position: absolute;
    top: 290px;
    left: 35%;
}

.ValidationTop
{
    width: 486px;
    height: 20px;
    font-weight: bold;
    padding: 8px 0 5px 8px;
}

.ValidationCenter
{
    width: 469px;
    min-height: 55px;
    padding: 10px 10px 0 15px;
}

.ValidationCenter .OkButton
{
    padding-top: 12px;     
    cursor: pointer;
    padding-left: 180px;
}

.ValidationBottom
{
    width: 494px;
    height: 11px;
}

.print_div
{
    text-align:center; 
    padding-bottom: 10px; 
    background-color:#fff;
}

#content
{
    padding: 12px;
}

#content p
{
    margin-bottom: 1.0em;
}