/* 	Stylesheet 	Tata-sjop
				http://www.tata-sjop.nl
	Datum: 		29/08/2008
	Auteur: 	Michiel Heijmans
				Carlos Gallupa BV
				http://carlosgallupa.com
				
	09/12/08	Centreren en paarse achtergrond			
	------------------------------------
	Versie:		1.1
	
	ROZE LL		F8E3E8
	ROZE L		EBAAC2
	ROZE M		E293B0
	ROZE D		D96F97
	ROZE DD		C9396C
	
	swirls
	GEEL		FF9306
	DPAARS		53236F = BGCOLOR!
	PAARSBL		7054E5
	ROOD		FF1B08
	ROZE		ED09F4
	PAARS		881DE7
	GROEN		55F704
*/

*		{margin:0;padding:0;}
html	{overflow: -moz-scrollbars-vertical;}
*+html	{height:100%;margin-bottom:1px;}
body	{font:62.6% "trebuchet ms", arial, sans-serif;color:#000;background-color:#53236F;text-align:center;}
h1 span	{display:none;}
h1 img	{border:0;}
h2		{
	font-size:2.6em;
	font-weight:normal;
	color:#000;
	margin:10px 0;
	padding:0 0 5px;
	background:url(../layout/menu-1.png) repeat-x 0 bottom;
}
h2:first-letter {text-transform:uppercase;}
a		{text-decoration:underline;color:#000;}
a:hover	{text-decoration:none;}
img,fieldset {border:0;}

#container {
	width:996px;
	height:570px;
	margin:0 auto;
	border:1px solid #000;border-top:0;border-right-color:#FFF;
	text-align:left;
	background:#FFF url(../layout/bg-body.jpg) no-repeat right top;
}
* html #container {overflow-y:hidden;}

#tata {float:right;width:994px;height:570px;text-align:left;}

#topmenu {width:700px;height:65px;text-align:right;padding:5px 10px;}
#topmenu a {font:20px "trebuchet ms", arial, sans-serif;text-decoration:none;padding:5px;}
#topmenu a:hover {color:#333;background:url(../layout/menu-rest.png) repeat-x 33% bottom;}

#main {}

#menu {width:260px;text-align:right;float:left;}
#menu a {
	display:block;
	margin:0 128px 6px 0;
	font:20px "trebuchet ms", arial, sans-serif;
	text-decoration:none;
	text-transform:lowercase;
	background-image:none;
}
#menu a span {padding:3px 5px;}

#menu a:hover span {background:url(../layout/menu-5.png) repeat-x 20% bottom;}
#menu a:hover span#menunr1 {background:url(../layout/menu-1.png) repeat-x 20% bottom;}
#menu a:hover span#menunr2 {background:url(../layout/menu-2.png) repeat-x 30% bottom;}
#menu a:hover span#menunr3 {background:url(../layout/menu-3.png) repeat-x 40% bottom;}
#menu a:hover span#menunr4 {background:url(../layout/menu-4.png) repeat-x 50% bottom;}
#menu a:hover span#menunr5 {background:url(../layout/menu-5.png) repeat-x 60% bottom;}
#menu a:hover span#menunr6 {background:url(../layout/menu-6.png) repeat-x 70% bottom;}
#menu a:hover span#menunr7 {background:url(../layout/menu-7.png) repeat-x 80% bottom;}

#menu #linkhome {margin:170px 0 0;width:160px;float:right;}
#menu #linkhome a {margin:0 54px 0 0;display:inline;}
#menu #linkhome a:hover {color:#333;background:url(../layout/menu-rest.png) repeat-x 66% bottom;}

#menu #linktata {float:right;width:100px;margin:160px 0 0;}
* html #menu #linktata {position:relative;top:-185px;}

#content {
	float:left;
	position:relative;top:-38px;
	margin:0 0 0 85px;
	padding:0 20px 30px;
	width:605px;
	height:400px;
	overflow:auto;
	overflow-x:hidden;
	scrollbar-3dlight-color: #C9396C;
	scrollbar-arrow-color: #C9396C;
	scrollbar-base-color: #F8E3E8;
	scrollbar-darkshadow-color: #C9396C;
	scrollbar-face-color: #F8E3E8;
	scrollbar-highlight-color: #FFF;
	scrollbar-shadow-color: #F8E3E8;
}

.text {font-size:1.2em;}
.text img {}
.text a {text-decoration:none;background:url(../layout/menu-rest.png) repeat-x left bottom;}
.text a:hover {background-image:url(../layout/menu-2.png);}
* html .text a {text-decoration:underline;}
* html .text a:hover {text-decoration:none;}
.text strong {color:#000;}
.text p {padding:0 0 10px;}
.text blockquote {padding:10px;margin:0 0 10px;border:1px solid #F8E3E8;}
.text ul {list-style:outside url(../layout/li.png);margin:0 0 10px 30px;padding-left:10px;}
.text ul li {}
.text ol {margin:0 0 10px 30px;}

/* setting defaults */
.text h1, .text h2 {font-size:2.4em;}
.text h3 {color:#004B95;font-size:1.6em;font-weight:normal;}
.text h4, .text h5, .text h6 {font-size:1em;font-weight:bold;}
.text address, .text pre {font-size:1em;}

.yellow {color:#FF9306;}

/* cart */
#cart {float:right;background-image:url(../layout/transparent.png);margin:0 20px 0 0 ;padding:10px;position:relative;top:-50px;border:1px solid #FF9306;}

table.shoppingcard {padding:0;width:160px;}
table.shoppingcard th {color:#C9396C;font-size:1.2em;}
table.shoppingcard td {font-size:1.1em;}
table.shoppingcard td.linktocard {color:#C9396C;text-align:right;font-weight:bold;padding:10px 0 0;}
table.shoppingcard td.linktocard a {color:#C9396C;padding:0;}

/* bestellijst */
.winkelmand {width:99%;font-size:1.1em;}
* html .winkelmand {width:85%;}
.winkelmand td {padding:10px 10px 0 0;vertical-align:top;}
.winkelmand thead td {font-weight:bold;padding:0 10px 10px 0;}
.winkelmand td.product, .winkelmand td.color, .winkelmand td.size, .winkelmand td.quantity, .winkelmand td.kortingscode, .winkelmand td.pprice, .winkelmand td.tprice {padding:10px 10px 0 0;border-top:1px solid #C83166;}
.winkelmand thead td.product, .winkelmand thead td.color, .winkelmand thead td.size, .winkelmand thead td.quantity, td.kortingscode, .winkelmand thead td.pprice, .winkelmand thead td.tprice {border-top:0;padding:0 10px 10px 0;}
td.kortingscode input {margin:0 0 0 20px;width:120px;}
.winkelmand img {border:1px solid #FF9306;margin-bottom:10px;}
.winkelmand .subtotal {padding-top:20px;border-top:1px solid #C83166;}
.winkelmand .shipping {padding-bottom:20px;}
.winkelmand .total {padding-top:10px;border-top:3px double #C83166;}
.winkelmand .buttons {padding-top:20px;}
.winkelmand .buttons input.btn, .bestel .buttons {width:auto;border:1px solid #F8E3E8;background-color:#E293B0;font-weight:bold;color:#C9396C;font-size:1.1em;padding:2px;cursor:pointer;}
form div {margin:0 0 2px;}

/* bestelform, klantgegevens */
.cartdetails label {display:block;float:left;width:160px;}
.cartdetails label.right {display:inline;float:none;width:auto;padding-left:10px;}
.cartdetails input {width:240px;padding:2px;}
.cartdetails textarea {width:240px;height:100px;padding:2px;font-family:inherit;}
.cartdetails input.crb {width:auto;}
.cartdetails .btns {padding-top:20px;padding-left:160px;}
.cartdetails .btns input {width:auto;}

form div {margin:0 0 2px;}

.warning ul {margin:0 0 10px 20px;}
.warning li {list-style:square outside;color:#FD0100;}

/* producten */
#pricetag {float:right;width:120px;} /* prijskaart e.d. bij proddetail */
#pricetag .small {font-size:0.9em;}
#pricetag .van {text-decoration:line-through;}
#pricetag .large {font-size:2em;margin-top:10px;width:auto;background-color:#C9396C;color:#FFF;padding:2px;text-align:center;line-height:normal; }
#pricetag input, #pricetag select {width:120px;}
#pricetag select option {padding-right:20px;}
#pricetag .bestel input {margin:10px 0 0;padding:2px;font-weight:bold;}
#pricetag #msg {width:108px;background-image:url(../layout/transparent.png);margin:0 20px 0 0 ;padding:5px;border:1px solid #FF9306;color:#000;font-size:1.1em;}

#place-order {margin-top:20px;}
input.buttons {margin-left:10px;}

#productrange {width:99%;}
* html #productrange {width:90%;}

#productrange div {background-color:#FFF;display:block;float:left;padding:5px;border:1px solid #F8BD01;margin:0 10px 10px 0;text-align:center;}
#productrange div .small {font-size:1em;}

/* nog alleen bij merk */
#productrange div.product {background-color:#FFF;display:block;float:left;width:170px;height:215px;padding:5px;border:1px solid #E293B0;margin:0 10px 3px 0;text-align:center;}
#productrange div.text {background-color:transparent;padding:0px 22px;height:50px;border:0;margin:10px 0 0;text-align:left;}
#productrange div.omsmall {clear:both;border:0;width:165px;padding:0 0 4px;}
#productrange div.small {float:right;background-color:#C9396C;width:auto;overflow:visible;white-space:nowrap; height:auto;padding:5px;border:0;margin:0 3px 0 30px;text-align:center;color:#FFF;}

/* IE6 fix */
* html #productrange div.product {padding:0;margin:0 3px 3px 0;}

#productrange div a {color:#000;text-decoration:none;}
img.prodimg {margin:0;padding:5px;background-color:#EBAAC2;border:1px solid #C9396C;}
a img.prodimg {text-decoration:none;}

#productcolors {width:99%;margin-top:20px;}
* html #productcolors {width:85%;}
#productcolors div {background-color:#FFF;display:block;float:left;width:120px;padding:5px;border:1px solid #F8BD01;margin:0 10px 10px 0;text-align:center;}
#productcolors div:hover {border:1px solid #FD0100;}
#productcolors div .small {font-size:0.8em;}
#productcolors div a {color:#000;text-decoration:none;}

table.productdetailstable {width:440px;position:relative;top:8px;}
* html table.productdetailstable {position:relative;top:8px;}

/* nieuws */
.imgdiv {float:right;width:auto;margin:0px 0px 10px 10px;}
/* border:1px solid #727162; */
.imgdiv img {display:block;}
.imgdiv a {color:#7a7a7a;text-decoration:none;}


/* nieuwsbrief */
#nbrform label {display:block;float:left;width:120px;}
#nbrform input {font-size:12px;}
#nbrform input.text {width:200px;padding:2px 3px;}

.top {margin:30px 0 0;}
.top a {text-decoration:none;background:url(../layout/menu-2.png) repeat-x 22% bottom;}
.top a:hover {background-image:url(../layout/menu-5.png);}

#footer {clear:both;text-align:right;font-size:1.1em;padding:0 20px 10px;position:relative;top:-10px;color:#FFF;}
* html #footer {top:-180px;}
#footer a {color:#FFF;text-decoration:none;background:url(../layout/menu-5.png) repeat-x left bottom;}
#footer a:hover {background-image:none;}

* html a:hover {text-decoration:underline !important;}