﻿/* ----- [ Category Select ] ----- */
div.categorySelect {}

div.categorySelect div.category { margin-bottom:15px; width:320px; }

div.categorySelect div.category.left { clear:both; float:left;}

div.categorySelect div.category.right { float:right; margin-right:10px; }

div.categorySelect div.category p {
	float:left;
	width:150px;
	margin-right:5px;
}

div.categorySelect div.category p span { display:block; }

div.categorySelect div.category img, div.categorySelect div.category input {
	background-color:#FFFFFF;
	border:1px solid #000 !important;
	display:block;
	width:150px;
}

/* ----- [ Style Select ] ----- */
.jcarousel-container {
    position: relative;
    background:#f7ffff; 
	border:3px double #3F89C3;
	border-left:0;
	border-right:0;
	width:670px;
	height:128px !important;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0 18px;
    overflow: hidden;
    position: relative;
    width:634px;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 157px;
	margin: 10px 0;
    height: 108px;
    text-align:center;
    position:relative;
    overflow:hidden;
}

.jcarousel-next {
    z-index: 3;
    display: none;
    height:128px;
    width:18px;
    position:absolute;
	right:0;
    background:url(../images/button/styleArrows.png) -54px top no-repeat;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
    height:128px;
    width:18px;
    position:absolute;
	left:0;
    background:url(../images/button/styleArrows.png) 0px top no-repeat;
}

a.styleMarqueePrev.disabled { background:url(../images/button/styleArrows.png) -18px top no-repeat; }
a.styleMarqueeNext.disabled { background:url(../images/button/styleArrows.png) -36px top no-repeat; }

div#marqueeContainer {
	position: relative;
    visibility: hidden;
	overflow:hidden;
	width:670px;
	margin-bottom:15px;
}

ul#marquee {
	width:9000px;
}

ul#marquee li img {
	border:1px solid #000 !important;
}

ul#marquee li span {
	font-weight:bold;
	font-size:80%;
	display:block;
	text-align:center;
}
	
div.styleSelection div#marqueeContainer li { 
	float:left;
}

a.styleMarqueePrev, a.styleMarqueeNext { height:148px; width:18px; float:left; }
a.styleMarqueePrev { background:url(../images/button/styleArrows.png) 0px top no-repeat; }
a.styleMarqueeNext { background:url(../images/button/styleArrows.png) -54px top no-repeat; }
a.styleMarqueePrev.disabled { background:url(../images/button/styleArrows.png) -18px top no-repeat; }
a.styleMarqueeNext.disabled { background:url(../images/button/styleArrows.png) -36px top no-repeat; }


div.styleSelection div.selectedStyle div.selectedStylePreview img {
	width:445px;
	border:1px solid #000 !important;
}

div.styleSelection div.selectedStyle div.selectedStylePreview {
	float:left;
	width:445px;
	border:0;
	margin-top:5px;
	text-align:center;
	vertical-align:middle;
}

div.styleSelection div.selectedStyle div.selectedStyleThumbnails {
	float:left;
	width:102px;
	margin:5px 0 0 5px;
}

div.styleSelection div.selectedStyle div.selectedStyleThumbnails span {
	display:block;
	margin:0 0 10px 5px;
	border:1px solid #000;
	width:100px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	float:left;
}

div.styleSelection div.availableCategories { 
	background:#F0F9FD none repeat scroll 0%;
	border-top:3px ridge #3F89C3;
	border-bottom:3px groove #3F89C3;
	border-left:3px ridge #3F89C3;
	border-right:3px groove #3F89C3;
	float:right;
	margin-top:46px;
	padding:10px;
	width:179px;
}
div.styleSelection div.availableCategories h2 {
	color:#000;
	font-size:105%;
	border-bottom:4px solid #A9CDE4;
	padding-bottom:4px;
	margin-bottom:4px;
}

div.styleSelection div.availableCategories li {
	background:url(../images/bullets/bullet_black.png) 0px 3px no-repeat;
	padding-left:20px;
}

div.styleSelection div.availableCategories li a {
	color:#333;
	font-size:80%;
	font-weight:bold;
}

div.styleSelection div.availableCategories li a:hover { text-decoration:underline; }

/* ----- [ New Style Select ] ----- */
div.stylesContainer {
	width:673px;
	overflow:hidden;
}

div.stylesContainer div.styleBox {
	float:left;
	width:120px;
	padding:24px;
	background:#fff;
	font-size:80%;
	display:block;
	position:relative;
}

div.stylesContainer div.styleBox a {
	font-weight:bold;
}

div.stylesContainer div.styleBox span { font-weight:bold; }

div.stylesContainer div.styleBox.active {
	background:#e6ecff;
}

div.stylesContainer div.styleBox.current {
	background:#e9ffd2;
}

div.stylesContainer div.page {
	display:none;
	width:673px;
}

div.stylesContainer br { clear:both; }

input.compare {
	position:absolute;
	top:5px;
	left:5px;
}

span.selectToCompare {
	position:absolute;
	top:4px;
	left:25px;
	color:#888;
	font-size:11px;
	font-weight:normal !important;
	cursor:pointer;
}

.compareBtn {
	float:left;
	display:none;
}

div.stylesControls {
	text-align:right;
	font-size:12px;
	font-weight:bold;
	height:30px;
}

div.stylesControls p {
	float:right;
	font-size:100%;
}

div.stylesControls a{
	margin-left:5px;
	display:none;
}

/* ----- [ Site Wizard Registration ] ----- */
ol.numbered {
	list-style:decimal !important;
	margin:7px 0 7px 50px !important;
	font-size:75%;
}

.form.registration {
	margin:0 30px;
}

ol.numbered li { padding:3px 0 !important;}

/* ----- [ Page Section Association ] ----- */
div#treeWrapper {
	width:360px;
	float:left;
}

div#rightWrapper {
	float:right;
	width:300px;
}

div#detailWrapper .getdetails {
	padding:15px 0;
	text-align:center;
	vertical-align:middle;
	font-size:90%;
}

div.details label {
	display:block;
	float:left;
	text-align:right;
	font-size:75%;
	font-weight:bold;
	width:100px;
	margin-right:10px;
}

div.details span {
	display:block;
	float:left;
	font-size:75%;
	font-weight:normal;
	width:150px;
}

div.details span.info {
	float:none;
}

div.details div.tasksContainer {
	font-size:90%;
}

div.details .collapseable {
	display:none;
}

div.details img { 
	float:left;
	margin-right:5px;
}

div.details h2.name
{
	padding-bottom:13px !important;
	padding-top:8px !important;
}

div.details h2 {
	position:relative;
}

div.treeControls {
	padding-bottom:10px;
}

fieldset#tasks div#trashCan {
	width:48px;
	height:48px;
	position:absolute;
	right:20px;
	bottom:0;
	background:url(../images/common/recyclebin.png) left top no-repeat;
}

fieldset#tasks div#trashCan.hover {
	background:url(../images/common/recyclebinfull.png) left top no-repeat;
}

a#sectionName, a#pageName {
	background:url("../images/icons/arrow_up.gif") right top no-repeat;
	padding-right:20px;
}

a#sectionName.down, a#pageName.down {
	background:url("../images/icons/arrow_down.gif") right top no-repeat;
}

/* ----- [ Web Stats ] ----- */
div#webStats .column {
	width:336px;
}

div.widgetIframe iframe {
	
}

/* ----- [ Style Popup Picker ] ----- */
.stylePopupPicker-wrap {
	width:505px;
}

.stylePopupPicker-wrap .style {
	float:left;
	margin:3px;
}