/*

White Wireframe RTE

This sheet provides much of the text formatting and can be attached to the TYPO3 rich text editor for BE use.

author:		Ron Hall, Busy Noggin, Inc.
e-mail:		templavoila@busynoggin.com
website:	www.busynoggin.com & templavoila.busynoggin.com

*/

p, ul, ol, dl, table, form, blockquote {
	margin-bottom: 10px;
	padding-bottom:18px;
}

.csc-text p,.csc-text ul {
	margin-bottom: 0px;
	padding-bottom:5px;
}


ul ul, ul ol, ol ol, ol ul {
	margin-left: 20px;
	margin-bottom: 0px;
	}

blockquote blockquote {
	margin-top: 10px;
}




/* @group Text & Paragraphs */

em {
	font-style: italic;
}

strong {
	font-weight: bold;
	}

/* @end Text & Paragraphs */

/* @group Links */

a {
    xfont-weight:bold;
	text-decoration: none;
	xcolor: #c7a571;
	color: #ec7007;
	}

a:hover,
a:focus {
    xcolor: #c7a571;
	color: #000;
	border-bottom:4px solid color: #ec7007;
}

/* @end Links */



/* @group Headlines */

h1, h2, h3, h4, h5, h6 {
	/*font-family: Terminal Dosis Light; */
	line-height: 1.1em;
	font-weight: normal;
	}

h4, h5, h6 {
	font-weight: bold;
	}

/* MAX h1 {
    font-family:  Abel, sans-serif, Raleway;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 64px;
	font-style: normal;
	xtext-shadow: 1px 1px 2px #080808;
	color:#a8a8a8;
	}
*/
h1 {
	font-family: Abel, "Terminal Dosis", sans-serif, Raleway;
	font-size: 32px;
	margin-bottom: 10px;
	margin-top: 0px;
	color:#ec7007;
	}

h2 {
	xbackground: url("images/label_angle.png") no-repeat scroll 0 0 #DDDDDD;
	font-family: Abel, "Terminal Dosis", sans-serif, Raleway;
	font-size: 32px;
	margin-bottom: 10px;
	margin-top: 0px;
	xfont-style: italic;
	xtext-shadow: 1px 1px 2px #080808;
	color:#ec7007;
	}
h2  sub{
	font-size: 18px;
	text-align: right;
	}
h3 {
	font-size: 18px;
	margin-bottom: 10px;
	xmargin-top: 20px;
	xfont-style: italic;
	xtext-shadow: 1px 1px 2px #080808;
	font-weight:normal;
	}
h3  sub{
	font-size: 14px;
	font-style: italic;
	}


h4 {
    border-bottom: 1px solid #E3E3E3;
    font: 20px Abel,Arial,Helvetica,sans-serif;
	}

h5 {
    font-size: 20px;
    font-style: italic;
	font-weight: normal;
	padding-bottom: 10px;
	}

h6 {
	xbackground: url("images/label_angle.png") no-repeat scroll 0 0 #DDDDDD;
	font-family: Abel, "Terminal Dosis", sans-serif, Raleway;
	font-size: 22px;
	margin-bottom: 10px;
	margin-top: 0px;
	xfont-style: italic;
	text-shadow: none;
	color:#ec7007;
	}

/* @end Headlines */


/* @group Lists */

ul, ol {
	margin-left: 30px;
	}

ul ul, ul ol, ol ol, ol ul {
	margin-left: 20px;
	}

dd {
	margin-left: 20px;
	}

/* @end Lists */


/* @group Blockquote Styling */

blockquote {
	margin-left: 30px;
	margin-right: 30px;
	}


/* @group Common Styles for RTE */

h1.first-header,
h2.first-header,
h3.first-header,
h4.first-header,
h5.first-header,
h6.first-header {
	margin-top: 0px;
	}

/* @end Common Styles for RTE */



/* @end Blockquote Styling */


/* @group Table Styling */



td, th, caption {
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	height: auto;
}

col {
	background-color: silver;
	}

thead th, tfoot th, tfoot td {
	text-align: left;
	}

caption {
	background-color: black;
	font-style: italic;
	}

td.spancolumn-1,
th.spancolumn-1 {
	width: 30px;
	}

td.spancolumn-2,
th.spancolumn-2 {
	width: 80px;
	}

td.spancolumn-3,
th.spancolumn-3 {
	width: 130px;
	}

td.spancolumn-4,
th.spancolumn-4 {
	width: 180px;
	}
	
td.spancolumn-5,
th.spancolumn-5 {
	width: 230px;
	}


td.spancolumn-6,
th.spancolumn-6 {
	width: 280px;
	}

td.spancolumn-7,
th.spancolumn-7 {
	width: 330px;
	}

td.spancolumn-8,
th.spancolumn-8 {
	width: 380px;
	}

td.spancolumn-9,
th.spancolumn-9 {
	width: 430px;
	}


td.spancolumn-10,
th.spancolumn-10 {
	width: 480px;
	}

td.spancolumn-11,
th.spancolumn-11 {
	width: 530px;
	}

td.spancolumn-12,
th.spancolumn-12 {
	width: 580px;
	}

table.table-1 {}
table.table-2 {}
table.table-3 {}
table.table-4 {}
table.table-5 {}
table.table-6 {}

td.cella-1, th.cella-1 {}
td.cella-2, th.cella-2 {}
td.cella-3, th.cella-3 {}
td.cella-4, th.cella-4 {}
td.cella-5, th.cella-5 {}
td.cella-6, th.cella-6 {}

/* @end Table Styling */

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

.align-left {
	text-align: left;
	}

.align-center {
	text-align: center;
	}

/* @group RTE Custom Styles */

h1.first-header,
h2.first-header,
h3.first-header,
h4.first-header,
h5.first-header,
h6.first-header {
	margin-top: 0px;
	}

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

.align-left {
	text-align: left;
	}

.align-center {
	text-align: center;
	}

p.feature-text,
ul.feature-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 24px;
	font-style: italic;
	}

p.big-text,
ul.big-text {
	font-size: 16px;
	line-height: 24px;
	}

.test-fero {
	background: #fffdeb url(images/light_tip.png) 3px 5px no-repeat;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
	margin: 10px 0px 10px 0px;
	padding: 8px 10px 8px 35px;}
}

p.red-highlight,
span.red-highlight,
h1.red-highlight,
h2.red-highlight,
h3.red-highlight,
h4.red-highlight,
h5.red-highlight,
h6.red-highlight {
	color: red;
}

/* BASKET BOX Alto */
#multishop_basket .boxes-content {	
	padding: 0px;
}
x.boxes {	
	width: 600px;
}
.multishop_basketbox {
	background: url("images/basket.png") no-repeat scroll 0 50% transparent ;
	-moz-box-shadow: 0 0 6px #242424;
	-webkit-box-shadow: 0 0 6px#242424;
	box-shadow: 0 0 6px #242424;
	color:#fff;
	xfont-size:20px;
	padding-left: 30px;
	line-height: 17px;
	padding-top: 3px;
    display: none;
} 

#loginbutton a:hover, #multishop_basket a:hover , #logoutbutton a:hover , #registerbutton a:hover{
	color:#fff;
} 
.multishop_basketbox_sep {
margin-right: 3px;
margin-left: 3px;
}
.multishop_goto_checkout {
	}
.multishop_goto_basket {
	}
.multishop_basketbox_links {
}
.multishop_basketbox_text {
}

/* @end RTE Custom Styles */



/* @group RTE Backend Styling */

/* This styling is simply to help the backend text in the RTE look approximately like the text on the front end of the site. You will need to adjust to fit the styling you have assigned in mainstyles.css*/

.htmlarea-content-body,
.htmlarea-content-body td,
.htmlarea-content-body th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #333333;
	font-weight: normal;
	height: 100%;
}

/* ICON */

#c60 dl.csc-textpic-image {
	xfont-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:center;
	xline-height: 17px;
	color: #787878;
	font-weight: normal;
	height: 115px;
	xfloat:left;
	xpadding: 10px;
	text-shadow: 0px 0px 2px #ABABAB;
	xbackground: rgba(255, 255, 255, 0.9);
	xfont-weight: bold;
	x-moz-box-shadow: 0 0 6px #242424;
	x-webkit-box-shadow: 0 0 6px#242424;
	xbox-shadow: 0 0 6px #242424;
}


#c60 h2 {
	x-moz-box-shadow: 0 0 6px #242424;
	x-webkit-box-shadow: 0 0 6px#242424;
	xbox-shadow: 0 0 6px #242424;
	background: url("images/label_angle.png") no-repeat scroll 480px 0 transparent;
	xcolor:#fff;
	font-size:16px;
	height: 38px;
	text-align: right;
	text-transform: uppercase;
	padding-right: 10px;
	border-bottom: 2px solid #111211;
	margin:0px;
	line-height: 40px;
	} 
	
#c60 .csc-textpic{
	background:#fff;
	background: rgba(255, 255, 255, 0.9);
	-moz-box-shadow: 0 0 6px #242424;
	-webkit-box-shadow: 0 0 6px#242424;
	box-shadow: 0 0 6px #242424;
	padding:20px;
	height: 95px;
	behavior: url(typo3conf/ext/skin_gmx_arcshop/css/PIE.htc);	
	
}



.form-fieldset input {
	background: #a0a0a0;
	color: #000;
    border: 1px solid #8d8d8d;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 3px 0px #888;
	-webkit-box-shadow: 0px 0px 3px 0px #888;
	box-shadow: 0px 0px 3px 0px #888;
	font-family:  Abel, "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 3px;
    text-align: right;
    text-shadow: 1px 1px 1px #ddd;
}

.form-fieldset input:hover{
	xbackground:#434343;
	color: #fff;
	text-shadow: 0px 0px 0px #000;
}

.form-fieldset label {
	background:#434343;
	color: #fff;
	padding:3px;
}


.form-fieldset #skeyword{
    background: url("images/search.png") no-repeat scroll 2px 2px  #EFEFEF;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #D5D5D5 inset;
    color: #4e4e4e;
    font-family:  Abel, "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 16px;
    padding: 5px;
    xwidth: 228px;
	text-align:left;
}
.form-fieldset:hover #skeyword{
    background:  #EFEFEF;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 10px #D5D5D5 inset;

}
.form-fieldset label[for="skeyword"] { 
visibility:hidden;
}
#products_searchform{
	background: #000;
	color:#fff;
	border-bottom: 2px solid #ababab;
} 

.tx-multishop-pi1  form{
	border-bottom: 1px dotted #aaa;
} 
/* @end RTE Backend Styling  */