@CHARSET "UTF-8";

/* TimeToTease Colours:

normal brown:  #401e14
dark brown:    #27110b

normal pink:   #c31bc4
dark pink:     #771279

normal white:  #ffffff
dark white:    #d2cdcb

*/

/*************/
/*************/
/*************/
/*************/
/*************/
/* CSS-Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* CSS-Reset */
/*************/
/*************/
/*************/
/*************/
/*************/



/* site structure */


body { margin:0px; background:#401e14 url(../images/body_background.gif); text-align:center; }


#site       {width:1006px;text-align:left;margin:20px auto;}
#header     {position:relative;height:60px;}
#content    {background:#401e14;border:3px solid black;padding:20px;position:relative;}
#footer     {margin-top:5px;}

#logo       {display:block;height:33px;width:182px;background:white url(../images/timetotease_logo.jpg) no-repeat;position:absolute;bottom:10px;left:0px;}


/* menu */

ul.menu               {background:#401e14;border:none;padding:0;margin:0;height:23px;}
ul.menu li            {float:left;/*border-right:2px solid #401e14;*/}
ul.menu li a          {color:white;display:block;padding:4px 10px;}
ul.menu li a:hover    {background:#771279;color:white;text-decoration:none;}
ul.menu li.active     {}
ul.menu li.active a   {background:#c31bc4;font-weight:normal;}
ul.menu li.right      {float:right;border-right:0px;border-left:2px;}
ul.menu li form input {border:none;font-size:12px;line-height:12px;height:14px;margin:2px;}


#menu ul.menu               {background:transparent;position:absolute;right:0px;bottom:0px;border:none;/*border-top:2px solid #c31bc4;border-left:2px solid #c31bc4;*/margin:0;}
#menu ul.menu li            {/*border-right:2px solid #c31bc4;*/}
#menu ul.menu li a          {/*background:#401e14;*/color:white;}
#menu ul.menu li a:hover    {background:#771279;color:white;}
#menu ul.menu li.active a   {background:#c31bc4;}


#content .menu {position:absolute;top:0px;left:0px;width:100%;}
#content ul.menu li a          {color:white;}


#footerMenu li {margin-right:10px;}

/* general font and colour-settings */

body,div,span,button,a,b,h1,h2,h3,h4,h5,h6,td,p,label,input,select {font-family:Arial,sans-serif;}
body,div,span,button,a,b,h1,h2,h3,h4,h5,h6,td,p,label {color:white;}

body,div {font-size:11px;line-height:15px;}

h1  {line-height:20px;font-weight: bold; font-size: 24px; letter-spacing: 3px; margin-bottom:20px; text-transform: uppercase; }
h2  {font-size:20px;line-height:18px;font-weight:normal; text-transform: uppercase;margin-bottom:10px;}
h3  {font-size:13px;}
h3 p  {color:black;line-height:15px;font-size:13px;}

h4  {font-size:9px;margin:0;}



a,a:link,a:visited  {text-decoration: none;color: #d2cdcb;}
a:hover             {text-decoration: underline;color: #c31bc4;}




.del {text-decoration: line-through;}

ul { margin-left:20px; }	/* was resetted */
ul.noBullets        {list-style:none;}
ul.horizontal li    {float:left;}




/* general layout classes */

.center				{text-align:center;margin:auto;}
.left				{float:left;}
.right				{float:right;}
.clear				{clear:both;}
.clearright			{clear:right;}
.clearleft          {clear:left;}

.absolute           {position:absolute;}
.relative           {position:relative;}

.textleft			{text-align:left;}
.textright			{text-align:right;}
.textjustify		{text-align:justify;}
.textcenter         {text-align:center;}

.hidden             {display:none;}


/* column layout grid */

.spalte1 {width:225px;margin:0 0    10px 0px; float:left; display: inline;}
.spalte2 {width:225px;margin:0 0    10px 255px;}
.spalte3 {width:225px;margin:0 20px 10px 0; float:right; display: inline;}
.spalte4 {width:225px;margin:0 0px  10px 0; float:right; display: inline;}

.spalte12 {width:470px;margin:0 0   10px 0px;}
.spalte23 {width:470px;margin:0 0   10px 255px;}
.spalte34 {width:470px;margin:0 0px 10px 0; float:right; display: inline;}

.spalte123 {margin:0 0 10px 0px;}
.spalte234 {margin:0 0 10px 255px;}


.spalte1_3  {width:300px;margin:0 0    10px 0px; float:left; display: inline;}
.spalte2_3  {width:300px;margin:0 0    10px 320px;}
.spalte3_3  {width:300px;margin:0 0px  10px 0; float:right; display: inline;}


/* forms */
input { padding:2px; margin:1px; }

input.textfield         					{border:1px solid #888888;padding:3px;background:white;}
input.textfield:focus,input.error:focus		{border:1px solid #c31bc4;}

input.error, select.error, textarea.error, span.error,input.error:focus   {border-bottom:3px solid red;}

input.amount { width:20px; text-align:right; }



label.w150	{float:left;text-align:left;width:150px;margin:2px 5px 2px 0px;line-height:20px;}
input.w150	{float:left;margin:2px 0 2px 5px;width:200px;}
div.w150	{float:left;margin:2px 0 2px 5px;width:200px;line-height:20px;}





/* message divs, don't use them anymore, better use ui-state-... classes */

.confirm    {background-color:lightgreen;}
.deny       {background-color:red;}
.info       {background-color:yellow;}



#invoiceDialog {background:white;color:black;}
#invoiceDialog div, #invoiceDialog span, #invoiceDialog b, #invoiceDialog td, #invoiceDialog p, #invoiceDialog label {color:black;}

tr.inv_status_cancelled td {text-decoration:line-through;}

.paddedtable td  {padding:3px;}


table.cartList          {width:100%;border-collapse:collapse;}
tr.cartListItem td      {border:1px solid #aaaaaa;border-left-width:0;border-right-width:0;vertical-align:middle;padding:10px;}
tr.unavailable td       {color:#ccc;}

.cartListItem td small  {font-size:9px;line-height:11px;color:#d2cdcb;}

table.invoice th, table.invoice td {padding:3px;}
table.invoice th		{/*text-align:center;*/}
table.invoice			{width:100%}
table.border td, table.border th	{border:1px solid #CCCCCC;}

div.addressBlock        {margin-right: 20px;}

.addcard div.addressBlock p {color:black;}

.order-steps                    {margin: 10px 0;}
.order-steps ul li              {font-size:13px;display: block;float: left;margin-right: 5px;padding: 3px;color: #777777;}
.order-steps ul li.done         {color: white;}
.order-steps ul li.current      {color: #c31bc4;font-weight:bold;}

.priceTotal     {font-weight:bold;}

#content div.price span     {font-weight:bold;font-size:14px;color:#c31bc4;margin-right:20px;}

a.emptyCart     {opacity:0.5;}

/* match of a search pattern in a search result */

.pattern    {font-style: italic;font-size:1.5em;}

.vcard      {background:white;border:1px solid #27110b;padding:20px;height:100px;width:180px;color:#401e14;}
div.vcard *, div.vcard a:visited, .vcard a:hover    {color:#401e14;}




/* admin? */

.pictureBox					{width:520px;}
.pictureBox small           {color:#999999;}
.pictureBox ul				{margin: 0 0 0 442px;width:60px;}
.picturePreview				{margin:auto;}
.pictureThumb				{width: 60px;/*float: left;*/ margin: 0 5px 5px 0;text-align:center;}
.pictureThumb a				{display: block;}
.pictureThumb img			{opacity: 0.50;filter:alpha(opacity=50);border:1px solid #d2cdcb;}
.pictureThumb img.active,
.pictureThumb a:hover img	{opacity: 1;filter:alpha(opacity=100);border:1px solid #c31bc4;}
.picturePreviewContainer	{text-align:center;width:440px;}
#fancybox-outer {}


.showroom {position:absolute;top:90px;left:200px;opacity:0;overflow:visible;z-Index:1001;}
.showroom div {overflow-y:auto;height:1px;}
.showroom div img {display:block;height:auto;width:100%;}
.showroom a {position:absolute;right:-20px;top:-20px;display:none;width:35px;height:35px;background:transparent url(../images/close.png) no-repeat;}
.shadowscreen {background: #000000;opacity:0.9;position:fixed;_position:absolute;top:0px;left;0px;width:100%;z-Index:1000;display:none;}



/* jQuery Tools */

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* product index category-box */
.category
{
	float: left;
	margin: 9px 9px 0 9px;
    border:1px solid white;
    padding:4px;
}
.category a, .category a img {display:block;padding:0;margin:0;}
.category a img {border:1px solid white;}

/* page select */
.paging
{
	    display:inline;

}
.paging_block,
.paging_block_active,
.paging_block_disabled
{
    display:inline;
}
div.paging_block_active
{
	border: 1px solid #C31BC4;
	color: #C31BC4 !important;
	padding: 3px 6px;
	margin: 0px 1px;
    display:inline;
}
div.paging_block_disabled
{
	/*border: 1px solid #AAAAAA;*/
	color: #AAAAAA !important;
	padding: 3px 6px;
	margin: 0px 1px;
    display:inline;

}
.paging_block a,
.paging_block a:link,
.paging_block a:visited,
.paging_block a:active
{
	display: inline;
	padding: 3px 7px;
	margin: 0px 1px;
	color: #C31BC4;
	/*border: 1px solid #C31BC4;*/
}
.paging_block a:hover
{
	background-color: #C31BC4;
	color: white;
	/*border: 1px solid #C31BC4;*/
}