/*
 * ------------------------------------------------------
 *  Common 
 * ------------------------------------------------------
 */
 
 .blackBorderedImage {
	border:2px solid #000;
	padding:2px;
}
 
 .currentLink {
 	font-weight:bold;
	font-size:12px;

	border-bottom:2px solid #000000;
	color:#FFFFFF;
 }
 
 .megavolt {
 	text-align:right;
	margin-top:2px;
 }


 .help {
	border:1px solid #33FF99;
	padding:10px;
	padding-left:45px;
	
	background-image:url(../img/common/template/info.gif);
	background-repeat:no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	background-color:#FFFFBB;
 }

/*
 * ------------------------------------------------------
 *  Support 
 * ------------------------------------------------------
 */
 
 .support {

 }
 
 .support a {
 	color:#07679a;
	text-decoration:none;
 }
 
  .support a:hover {
 	color:#07679a;
	text-decoration:underline;
 }
 
 .support h2 {
 	padding-bottom:2px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	color: black;
	font-size: 18px;
	font-weight: bold;
	
	margin:0px;
	
 }
 
 .support li {
 	padding:10px;
 }
 
 .support ul {
 	padding-bottom:30px;
	padding-top:0px;
	padding-left:30px;
	padding-right:5px;
 }

/*
 * ------------------------------------------------------
 *  Faq 
 * ------------------------------------------------------
 */
 
.faqTable {
	border:1px solid #c3c3c3;
}

.faqTable td {
	padding-top: 14px;
	padding-right: 8px;
	padding-bottom: 14px;
	padding-left: 8px;
}

.faqTable .answer {
	background-color: #ededed;
}

.faqTable .question td {
	border-bottom:1px solid #d6a149;
	
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 7px;
	padding-left: 3px;
	
	font-weight: bold;
	height: 25px;
	background-color: #f7f7f7;
}



/*
 * ------------------------------------------------------
 *  States 
 * ------------------------------------------------------
 */

.success {
	background-color: #e6efc2;		
	color: #264409;		
	padding: 0.8em;	
	margin-bottom: 1em;	
	border: 2px solid #c6d880;
}

.notice {
	background-color: #fff6bf;	
	color: #514721;		
	padding: 0.8em;	
	margin-bottom: 1em;	
	border: 2px solid #ffd324;	
}

.err {
	background-color: #fbe3e4;	
	background-image: url(../img/common/template/action-error.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	
	color: #8a1f11;		
		
	padding: 5px;
	margin-top: 1em;	
	margin-bottom: 1em;	
	padding-left:24px;
	border: 2px solid #fbc2c4;	
}

.christmasBox {
	background-color: #fbe3e4;	
	background-repeat: no-repeat;
	background-position: 5px center;
	
	color: #000;		
		
	padding: 5px;
	margin-top: 1em;	
	margin-bottom: 1em;	
	border: 2px solid #FF0000;	
}

.christmasBox ul {
	list-style:square;
	padding-left:20px;
}

.christmasBox ul li {
	font-size:10px;
}


.dreamSolariumRotator img {
 	padding: 5px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    top:  0; 
    left: 0;
	width: 600px;
    height: 144px; 
 }


/*
 * ------------------------------------------------------
 *  Main 
 * ------------------------------------------------------
 */
 
 .rotator {
	padding: 5px;  
    border:  1px solid #ccc;  
    background-color: #eee;  	
 }
 
  .topMenuPictureRotator img {
 	padding: 5px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    top:  0; 
    left: 0;
	width: 632px;
 	height: 144px; 
 }
 
 .mainPictureRotator {
 	padding: 5px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    top:  0; 
    left: 0;
	width: 595px;
 	height: 280px; 
 }

/*
 * ------------------------------------------------------
 *  Service
 * ------------------------------------------------------
 */

.template_form .checkbox {
	width:20px;
}

.readOnly {
	background-color:#E0E0E0;
}

.template_form input {
	font-size: 18px;
	width: 100%;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 16px;
	
	color: #555555;
	
	border:1px solid #CCCCCC;
	
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
}



.template_form select {
	font-size: 18px;
	width: 100%;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 16px;
	
	color: #555555;
	
	border:1px solid #CCCCCC;
	
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
}

.template_form textarea {
	font-size: 18px;
	width: 100%;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 16px;
	
	color: #555555;
	
	border:1px solid #CCCCCC;
	
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
}

.template_form label {
	color: #777777;
	background-color: transparent;
	font-size: 16px;

	margin: 24px 0 2px 0;
	padding: 5px 0 6px 0;
}



.formStep {
	font-weight:bold;
	text-decoration:underline;
	
}

.borderedImage {
	border:2px solid #d6a149;
	padding:2px;
}

.left {	
	float:left;
	margin-right:10px;
}

.right {	
	float:right;
	margin-left:10px;
}

.pictureTable {
	
}

.pictureTable td {
	padding-right:30px;
	padding-bottom:20px;
	vertical-align:top;
}


.footerGrayBar {
	background-image:url(../img/common/template/footerGrayBar.jpg);
	height: 8px;
}

/*
 * ------------------------------------------------------
 *  Branches 
 * ------------------------------------------------------
 */

.branches {
	
}

.branches tr {
	
}

.branches td {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:15px;
	padding-top:15px;
}



.brancheName {
	text-decoration: underline;
	font-weight: bold;
	color: #00376d;
	font-size: 12px;
}


/*
 * ------------------------------------------------------
 *  News 
 * ------------------------------------------------------
 */
 
.newsDate {
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:6px;
}

.newsBlock {
	padding:5px;
	margin-bottom:10px;
	border:1px solid #CCCCCC;
}

.newsBox {
	border:1px solid #5f83a7;
	background-color: #e7ecf1;
}

.newsBoxHeader {
	background-image:url(../img/common/template/newsBoxHeaderBG.jpg);
	padding:4px;
	margin:2px;
}

.newsContent {
	padding:10px;
}

.newsContent .date {
	font-weight:bold;
	text-transform:uppercase;
}

.newsContent .title {
	font-size: 12px;
	font-weight: bold;
	color: #10386a;
}

.newsContent .description {}

.newsContent .link {
	text-align:right;
}

.newsContent .link a {
	font-weight: bold;
	color: #0087b4;
	text-decoration: none;
}

.newsContent .link a:hover {
	text-decoration:underline;
}

.newsletterBox {
	border:1px solid #e5bb70;
	background-color: #fff8e8;
	

}

.newsletterBoxHeader {
	background-image:url(../img/common/template/newsletterBoxHeaderBG.jpg);
	padding:4px;
	margin:2px;
	
	text-align:left;
}

.newsletterContent {
	text-align:left;
	padding:10px;
	color: #d89213;
}

.newsletterContent input {	
	border:1px solid #f2ba22;
}

.newsletterContent .submitButton {
	color: #ffffff;
	background-color: #d48e11;
	
	border:1px solid #f2ba22;
}

/*
 * ------------------------------------------------------
 *  Dimensions 
 * ------------------------------------------------------
 */

.horizontal ul {
	list-style:none;
}

.horizontal li {
	display:inline;
	margin-left:10px;
}

/*
 * ------------------------------------------------------
 *  Datagrid 
 * ------------------------------------------------------
 */
table.datagrid {
	border:1px solid #c3c3c3;
}

table.datagrid td {
	overflow: hidden;
	padding:5px;
}

table.datagrid tr  {
	height: 30px;
}

table.datagrid tr.approved {
	height: 30px;
	background-color: #66FF99;	
	color: #264409;		
	border-top: 1px solid #c6d880;
	border-bottom: 1px solid #c6d880;
}

table.datagrid tr.pending {
	height: 30px;
	background-color: #CCCCCC;
}

table.datagrid tr.cancelled {
	height: 30px;
	background-color: #fbe3e4;	
	color: #8a1f11;		
	border-top: 1px solid #fbc2c4;
	border-bottom: 1px solid #fbc2c4;
}

table.datagrid tr.cancelled td {
	overflow: hidden;
	white-space: nowrap;
	padding:5px;
	text-decoration:line-through;
}

table.datagrid th  {
	font-weight: bold;	
	padding:5px;
	height: 25px;

	background-image: url(../img/common/template/gridHeader.gif);
	border-bottom:1px solid #d6a149;
}

table.datagrid th a {

}

table.datagrid tr:hover {
	background-color:#FFFFBB;
}


table .columnLayout {}

table .columnLayout td {
	padding:10px;
}

/*
 * ------------------------------------------------------
 *  Product estimation 
 * ------------------------------------------------------
 */
 
 .customerInfoContainer {
 	background-color:#FFFFBB;
 }
 
 
 

.productCategoryContainer {
	border:1px solid #000;
	color:#000000;
	width:110px;
	height:105px;	
}

.productCategoryHeader {
	color:#000000;
	border-bottom:1px solid #000;
	padding:3px;
	background:url(../img/common/template/newsletterBoxHeaderBG.jpg);
	font-weight:bold;
	text-align:center;
}

.productCategoryButton {
	position:relative;
	display:block;
	width:110px;	  
	background-repeat:no-repeat;
	margin-bottom:0px;
}

.productCategoryContainerSelected {
	border:3px solid #000;
}

.productLabel {
	border-bottom:1px solid #666;
	color:#000000;
	padding:6px;
	
	font-size:12px;
	
	text-align:center;
	background:url(../img/common/configurator/productLabelBG.gif);
}

.productDescription {
	padding:5px;
}

.productDimensions {
	border:1px solid #666;
}

.productDimensions th {
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	background:url(../img/common/configurator/dm_background_text.jpg);
	padding:1px;
	color:#FFFFFF;
}

.productDimensions td {
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	font-weight:bold;
}

.productSummary .productDescription {
	
}

.categoryButton {
	cursor:pointer;
}

.inParenthesis {
	font-size:10px;
	font-style:italic;
	font-weight:bold;
}

.heightButton {
	border:1px solid #333; 
	width:100px; 
	padding:5px; 
	text-align:center; 
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	background:url(../img/common/configurator/dm_background_text.jpg);
	background-repeat:repeat-x;
}

.widthButton {
	border:1px solid #333; 
	width:63px; 
	padding:5px; 
	text-align:center; 
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	background:url(../img/common/configurator/dm_background_text.jpg);
	background-repeat:repeat-x;
}

.depthButton {
	border:1px solid #333; 
	width:100px; 
	padding:5px; 
	text-align:center; 
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	background:url(../img/common/configurator/dm_background_text.jpg);
	background-repeat:repeat-x;
}

.depthButton:hover, .widthButton:hover, .heightButton:hover {
	background:url(../img/common/configurator/dm_background_text_hover.jpg);
	cursor:pointer;
	color:#000;	
}

.productSelected {
	border:2px solid #000;
	background:url(../img/common/configurator/dm_background_text_hover.jpg);
	cursor:pointer;
	color:#000;	
}

.productAttribute {
	background:url(../img/common/template/gridHeader.gif);
	color:#000;
	
	font-weight:bold;
	width:120px;
}


.stepHeader {
	background:url(../img/common/configurator/dm_background_text.jpg);
	color:#FFF;
	
	font-weight:bold;
	font-size:15px;
}

.stepTitle {
	border-bottom:1px solid #000;
}

.stepNumber {
	border-bottom:1px solid #000;
	border-right:1px solid #000;
}

.stepHeader td {
	padding:3px;
}

.stepProgress {
	vertical-align:middle;
	text-align:center;
	width:100px;
	border-right:1px solid #000;
}

.stepContent td {
	padding:5px;
}

.estimationContainer {
	background:url(../img/common/configurator/dm_background.jpg);
	background-repeat:repeat-x;
	
	border:1px solid #000;
	
	margin-bottom:10px;
}







.grid {
	
}

.grid td, .grid th {
	overflow: hidden;
	white-space:normal;
	padding:8px;
}

.grid tr  {
	height: 30px;
}

.grid th  {
	font-weight: bold;	
	text-align: left;
	height: 30px;
	font-weight: bold;	
	height: 15px;

	background-image:url(../img/common/template/grid/gridHeader.gif);
	background-repeat:repeat-x;
	border-bottom: 2px solid #dadfe0;
}

.grid th a {
	color:#000000;
	text-decoration:underline;
}

.grid .filter td {
	background-image:url(../img/common/template/grid/gridFilterBg.gif);
	border:1px solid #bdbdbd;
	
}

.grid .footer td {
	background-image:url(../img/common/template/grid/gridHeader.gif);
	color:#000;
}

.grid .link {
	cursor:pointer;
}

.border {
	border:1px solid #dadfe0;
}

.border-right {
	border: 1px solid #dadfe0;
}

.border-right td {
	border-right:1px solid #dadfe0;
}

.border-bottom {
	border: 1px solid #dadfe0;
}

.border-bottom td {
	border-bottom:1px solid #dadfe0;
}

.border td {
	border-right: 1px solid #dadfe0;
	border-bottom: 1px solid #dadfe0;
}

.hover tr:hover {
	background-color:#FFFFBB;
}