/*PREVIEW ELEMENTS
---------------------------------------------------------------------------------------------- */
/*.containerThemeDesigner {height: 560px;}*/
	
.skinColumnLeft
	{
	vertical-align: top;
	width: 140px;
	}
	
.skinColumnHeading
	{
	font: bold 10px arial, sans-serif;
	padding: 4px;
	}
	
.skinSubMenu
	{
	background: #fff;
	font-size: 9px;
	line-height: 1.6em;
	padding: 2px 4px;
	}
	
.skinPageHeading
	{
	font: 16px arial, sans-serif;
	font-weight: bold;
	margin: 4px 0 6px 0;
	}

.skinMenuMain
	{
	background: url(../images/skinDesigner/bgMainMenu.png) repeat-x;
	font-size: 11px;
	height: 20px;
	}
	
.skinMenuItem
	{
	float: left;
	margin: 0 27px;
	}
	
.skinContent
	{
	border-left: 1px #ccc solid;
	padding: 3px 6px;
	vertical-align: top;
	}
	
.skinButtonLeft,
.skinButtonRight
	{
	font: bold 11px arial, sans-serif;
	padding: 4px;
	text-align: center;
	width: 100px;
	}
	
.skinButtonLeft {float: left;}
.skinButtonRight {float: right;}

.skinLogo
	{
	height: 61px;
	width: 140px;
	}
	
.skinTagline
	{
	background: url(../images/skinDesigner/bgTagline.png) repeat-x;
	font: 16px arial, sans-serif;
	height: 41px;
	padding: 0 12px;
	}
	
.skinButtonCheckout
	{
	background: #eee;
	border: 1px #ccc solid;
	float: right;
	font-size: 10px;
	padding: 2px 12px;
	}
	
.skinContainerPreview
	{
	background: #fff;
	border: 1px #cdcdcd solid;
	}
	
.tools-preview
	{
	float: left;
	width: 250px;
	}
	
.skinBreadcrumb
	{
	clear: both;
	display: block;
	font-size: 9px;
	padding: 3px 0;
	}
	
.skinProductTitle {font: bold 11px arial, sans-serif;}
	
.skinContainerProduct
	{
	font-size: 11px;
	margin: 4px 0 16px 0;
	}
	
.skinTableHeading
	{
	font: bold 11px arial, sans-serif;
	padding: 4px;
	}
	
.skinTableText
	{
	font-size: 11px;
	margin: 12px 0;
	}
	
.skinFooter
	{
	border-top: 1px #ccc solid;
	font-size: 10px;
	padding-top: 3px;
	text-align: center;
	}
	
.formField
	{
	padding: 0 0 12px 0;
	font-size: 12px;
	}

.colorSwatch
	{
	width: 20px;
	height: 20px;
	float: left;
	border-top: 1px #bfbfbf solid;
	border-left: 1px #bfbfbf solid;
	border-bottom: 1px #dfdfdf solid;
	border-right: 1px #dfdfdf solid;
	cursor: pointer;
	}
	
.inputColor
	{
	width: 60px;
	height: 16px;
	float: left;
	}
	
.inputColor
	{
	text-transform: uppercase;
	}
	
.logoActive
	{
	border: 2px #ccc solid;
	margin-bottom: 3px;
	}

.skinLinks {color: #ff7e00;}
.skinBackgrounds {background: #000;}
.skinBackgroundsText {color: #000;}
.skinButtonBkgd-A {background: #000000;}
.skinButtonText-A {color: #ff7e00;}
.skinButtonBkgd-B {background: #000000;}
.skinButtonText-B {color: #ffcc00;}
	
.color1 {color: #006;}
.color2 {color: #006;}
.color2-bkgd {background: #000;}
.color3 {color: #ffcc00;}
.color3-text {color: #ffcc00;}
.color4 {color: #900;}
.color4-bkgd {background: #900;}
.color5 {color: #666;}
.color5-bkgd {background: #666;}