/* @override http://www.dutchtradeshop.com/assets/templates/v30006/css/default_modified.css */

/* 
   -----------------------------------
     iCart 
	 Style Sheet 
	 by Infomart2000 Corp.
	 www.infomart2000.com
   ----------------------------------
   ##Default
 */

/*body::Controls Page Background Color and any other fonts not defined below*/

* {
	padding: 0;
	margin: 0;
}

body {
	background-color: #F4F4F4;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #666666;
}

p {
	color: #666;
	margin-bottom: 10px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
}
td{
	padding: 2px;
}
img {
	border: 0;
}

ul {
	list-style-type: none;
}

/*store-name:: Store Name*/

.store-name {
	font-size: 25px;
	text-decoration: none;
}

/*store-slogan:: Store Slogan*/

.store-slogan {
	font-size: 14px;
	text-decoration: none;
}

/*frame:: Controls the  Color of the Store's Frame */

.frame {
	background-color: #efeded;
}

/*top:: Controls the  Color of the top Bar */

.top {
	background-color: #ffffff;
}

/*line:: Controls the  Color of the line bellow the top bar */

.line {
	background-color: #cccccc;
}

/*menu-headers:: Controls the way the menu headers look*/

.menu-headers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	background-color: #999999;
	text-decoration: none;
	line-height: 20px;
	border: solid;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-color: #8cbbd0;
}

/*titles:: Controls the Body Tiles such as (Specials, Feature Items, Items, Related Items)*/

.titles {
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/*data:: Controls body default fonts and colors */

.data {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	background-color: #ffffff;
	width: 1000px;
}

/*page_headers:: Controls the page's titles */

td.page_headers {
	padding-left: 10px;
}

.page_headers {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 18px;
}

/*icon:: Controls the way the menu icons display*/

.icon {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #484646;
}

a {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #0099ff;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #666;
	text-decoration: none;
}

a:visited {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #99ccff;
	text-decoration: none;
}

/*A.menu::Links:: Controls the way the  menu links  look before a user clicks  or mouse overs on them*/

A.menu {
	font-family: Arial, Helvetica, sans-serif;
	color: #484646;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/*A.menu:hover:: Controls the way the  menu links look when a user passes  their mouse over a them*/

A.menu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #8cbbd0;
	text-decoration: none;
}

/*A.menu:visited:: Controls the way the menu links look after a user has visited that section*/

A.menu:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #484646;
}

/*A.menu:visited:hover:: Controls the way the menu links look when a user hovers over a section they have visited*/

A.menu:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #8cbbd0;
}

/*A.cat::Links:: Controls the way the  category links look before a user clicks  or mouse overs on them*/

A.cat {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #23282a;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	width: 100%;
	line-height: 20px;
	border: solid;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-color: #ffffff;
	display: block;
}

/*A.cat:hover:: Controls the way the  category links look when a user passes  their mouse over a them*/

A.cat:hover {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
	width: 100%;
	line-height: 20px;
	border: solid;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-color: #ffffff;
	background-color: #0099ff;
	display: block;
}

/*A.cat:visited:: Controls the way the category links look after a user has visited that section*/

A.cat:visited {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #23282a;
	width: 100%;
	line-height: 20px;
	border: solid;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-color: #ffffff;
	display: block;
}

/*A.cat:visited:hover:: Controls the way the  category links look when a user hovers over a section they have visited*/

A.cat:visited:hover {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
	text-decoration: none;
	width: 100%;
	line-height: 20px;
	border: solid;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-color: #ffffff;
	background-color: #8cbbd0;
	display: block;
}

/*menu-text:: Controls the way the menu (mailing list) text look */

.menu-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #23282a;
}

/*item:: Controls the Item, Name, Description, Price, Savings, Cost,Font and Color */

.item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}

td.item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	padding: 5px 5px 5px 10px;
}

/*price-info:: controls the way the prices display on the product page*/

.price-info {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/*price:: Controls the way the product's prices display*/

.price {
	font-family: Arial, Helvetica, sans-serif;
	color: #ff0066;
}

/*checkout-headers:: Controls the titles on the checkout pages (Billing Information, Shipping Information etc)*/

.checkout-headers {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

/*titles2:: Controls the titles on the view cart page*/

.titles2 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
}

/*alternative:: Controls the form backgrounds and other areas that requred an alternative color */

.note {
	border-style: dashed;
	border-color: #ccc;
	margin-top: 25px;
	margin-bottom: 25px;
	width: 320px;
	padding: 5px;
}

.coupon {
	border-style: dashed;
	border-color: #ccc;
	margin-top: 25px;
	margin-bottom: 25px;
	width: 320px;
	padding: 5px;
}

/*borders:: Controls the color of  the borders on forms*/

.borders {
	background-color: #cccccc;
	border-color: #cccccc;
}

/*borders_coupon:: Controls the color of  the borders on the coupon and shipping box*/

.borders_coupon {
	border: solid;
	border-color: #aaa9a9;
	border-width: 1px;
}

/*steps:: Controls the way the steps on the checkout pages display*/

.steps {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #cfd0d1;
	background-color: #ffffff;
}

/*steps_on:: Controls the way the steps on the checkout [ages display*/

.steps_on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0099ff;
	background-color: #ffffff;
}

/*error:: Controls the error messages*/

.error {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #e10e04;
	text-decoration: none;
}

/*options-titles:: Controls the way the titles on the product options display*/

.options-titles {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #8cbbd0;
	border: solid;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-color: #8cbbd0;
}

/*borders2:: Controls the color of  the borders on forms*/

.borders2 {
	border: #cbc9c9;
	background-color: #cbc9c9;
}

/*cart-text:: Controls the way the text inside the shopping cart looks*/

.cart-text {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 9px;
	font-weight: Normal;
	color: #23282a;
	line-height: 18px;
	background-color: #d4e5ed;
}

/*invoice_title:: Controls the way the title of the invoices look */

.invoice_title {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #cbcaca;
	color: #384e31;
}

/*invoice_table:: Controls the background color on your invoices*/

.invoice_table {
	background-color: #f9f8f8;
}

/*font1:: Primary Screen Font */

.font1 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #535353;
}

/*font2:: Secondary Screen Font */

.font2 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #535353;
}

/*font3:: controls the search on the top*/

.font3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #484646;
}

/*btn:: Controls the buttons*/

.btn {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #0099ff;
	color: #ffffff;
	padding: 5px 10px;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/*btn_over:: Controls the buttons*/

.btn_over {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #99ccff;
	color: #ffffff;
	padding: 5px 10px;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/*btn2:: Controls the buttons*/

.btn2 {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #8cbbd0;
	font-family: arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	color: #ffffff;
	cursor: pointer;
}

/*txtBoxStyle:: Controls the text boxes*/

.txtBoxStyle {
	border: 1px solid #cccccc;
	background-color: #f4f4f4;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #666;
	padding: 5px;
	background-image: url(../../../images/interface/formInput_bkd.jpg);
	background-repeat: repeat-x;
	margin-right: 5px;
	margin-left: 5px;
}

/*txtareaStyle:: Controls the text areas*/

.txtareaStyle {
	border-top: 1px solid #C7D5E0;
	border-bottom: 1px solid #C7D5E0;
	border-left: 1px solid #C7D5E0;
	border-right: 1px solid #C7D5E0;
	background-color: #FBFBFB;
	font-family: arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #343333;
	height: 80px;
	width: 250px;
}

select.filterBoxStyle {
	border: 1px solid #cccccc;
	background-color: #f4f4f4;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #666;
	padding: 5px;
	margin-right: 5px;
	margin-left: 5px;
	float: right;
}

select.optionsBoxStyle {
	border: 1px solid #cccccc;
	background-color: #f4f4f4;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #666;
	padding: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

/* ------------------------------- MODIFIED-------------------------------------- */

.shell {
	width: 1000px;
	background-color: #FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 4px;
	padding-left: 4px;
	background-image: url(../../../images/interface/main_bkd.gif);
	background-repeat: repeat-y;
}

.subHeader {
	display: block;
	border: solid #DDD;
	border-width: 0px 0px 5px 0px;
	background-color: #F4F4F4;
	color: #666666;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 20px;
}

#Table1 {
	margin-top: 25px;
	margin-bottom: 25px;
	clear: both;
	width: 100%;
}

#Table7 {
	padding: 10px;
	margin-top: 25px;
	margin-bottom: 25px;
	clear: both;
	border: 1px solid #ccc;
	width: 100%;
}

#Table12 {
	padding: 10px;
	margin-bottom: 25px;
	clear: both;
	width: 60%;
}

/* --------------- Header ------------------ */

#header {
	width: 100%;
	height: 80px;
	margin: 0px;
}

#logo {
	width: 250px;
	margin-top: 10px;
	margin-left: 10px;
	position: absolute;
}

#tagline {
	width: 250px;
	margin-top: 30px;
	margin-left: 265px;
	position: absolute;
	font-size: 14px;
}

#basket {
	padding: 0px;
	top: 0px;
	width: 280px;
	height: 50px;
	margin: 0px;
	float: right;
	background-image: url(../../../images/interface/bagBkd.gif);
	background-repeat: no-repeat;
}

#navBasketLink {
	height: 20px;
	width: 215px;
	margin-top: 16px;
	margin-left: 30px;
	vertical-align: top;
	text-align: right;
	color: #666666;
	font-size: 12px;
}

/* --------------- Account ------------------ */

#account {
	position: absolute;
	padding: 0px;
	width: 240px;
	height: 30px;
	margin-top: 50px;
	margin-left: 760px;
	font-size: 10px;
	text-transform: uppercase;
}

/* ---------------Navigation ------------------ */

#navcontainer ul {
	padding-left: 0;
	margin-left: 0;
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-color: #F0F0F0;
	background-image: url(../../../images/interface/navBkd_extra.gif);
	background-repeat: repeat-x;
}

#navcontainer ul li {
	display: inline;
}

#navcontainer ul li a {
	color: #666666;
	text-decoration: none;
	float: left;
	padding: 1em 2em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

#navcontainer ul li a:hover {
	background-color: #0099FF;
	color: #FFFFFF;
}

/* -------------- subFooter ------------------ */

#subfooter {
	width: 100%;
	height: 40px;
	clear: both;
	color: #FFFFFF;
	margin-top: 100px;
	text-align: center;
}

#subfooter  ul li {
	display: inline;
	color: #FFF;
	padding: 10px;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
}

/* -------------- Footer ------------------ */

#footer {
	width: 100%;
	height: 40px;
	clear: both;
	color: #FFFFFF;
	margin-top: 10px;
	background-color: #0099FF;
	background-image: url(../../../images/interface/footerBkd.gif);
	background-repeat: repeat-x;
}

#footer  ul li {
	color: #FFF;
	padding: 10px;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover {
	color: #99CCFF;
	font-weight: bold;
	text-decoration: none;
}

/* -------------- Grid ------------------ */

.grid-m1 {
	float: left;
	width: 10px;
	height: 1px;
}

.grid-c1 {
	float: left;
	padding-top: 10px;
	width: 320px;
}

.grid-c1greytab {
	float: left;
	width: 300px;
	background: #F4F4F4 url(../store/images/interface/grey-fold.png) no-repeat right bottom;
	margin-top: 10px;
	padding: 10px;
}

.grid-c2news {
	float: left;
	width: 650px;
	padding: 10px;
	height: 300px;
	margin-top: 10px;
	font-size: 12px;
}

.grid-c1catalog {
	float: left;
	padding: 10px;
	width: 310px;
	color: #666666;
	font-size: 1em;
	height: 450px;
}

.grid-c1catalog img {
	margin-bottom: 10px;
}

.badge {
	margin: 0;
	padding: 0;
	float: left;
}

.grid-c1related {
	float: left;
	padding: 10px;
	width: 155px;
	color: #666666;
	font-size: 1em;
	height: 320px;
}

.grid-c1related img {
	margin-bottom: 10px;
}

.grid-c2 {
	float: left;
	width: 650px;
	padding-top: 10px;
}

.grid-c3 {
	float: left;
	width: 980px;
	padding-top: 10px;
}

.grid-c3breadcrumb {
	float: left;
	width: 980px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 12px;
}

.grid-c3mList {
	width: 980px;
	font-size: 12px;
	padding-top: 20px;
}

/* -------------- Menus Navigation ------------------ */

.grid-c1menu {
	float: left;
	width: 320px;
	background-color: #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
}

.grid-c1menu ul {
	z-index: 100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/

.grid-c1menu ul li {
	position: relative;
	width: 320px;
	display: inline;
	float: left;
}

/*Top level menu link items style*/

.grid-c1menu ul li a {
	display: block;
	width: 320px;
	height: 25px;
	text-decoration: none;
	background-image: url(../../../images/interface/lettersMenu.gif);
	background-repeat: no-repeat;
	background-position: 0px -25px;
}

* html .grid-c1menu ul li a {
	/*


IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.grid-c1menu ul li a:link, .ddsmoothmenu ul li a:visited {
	color: white;
}

.grid-c1menu ul li a:hover {
	background-position: 0 0;
}

/* Transfers Menu */

.grid-c1menuTransfers {
	float: left;
	width: 320px;
	background-color: #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
}

.grid-c1menuTransfers ul {
	z-index: 100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/

.grid-c1menuTransfers ul li {
	position: relative;
	width: 320px;
	display: inline;
	float: left;
}

/*Top level menuTransfers link items style*/

.grid-c1menuTransfers ul li a {
	display: block;
	width: 320px;
	height: 25px;
	text-decoration: none;
	background-image: url(../../../images/interface/transfersMenu.gif);
	background-repeat: no-repeat;
	background-position: 0px -25px;
}

* html .grid-c1menuTransfers ul li a {
	/*


IE6 hack to get sub menuTransfers links to behave correctly*/
display: inline-block;
}

.grid-c1menuTransfers ul li a:link, .ddsmoothmenuTransfers ul li a:visited {
	color: white;
}

.grid-c1menuTransfers ul li a:hover {
	background-position: 0 0;
}

/* ---------------Search------------------ */

#navSearch {
	float: right;
	width: 100%;
}

#searchForm {
	
}

#searchForm input.field {
	border: 1px solid #dbe1d7;
	width: 215px;
	outline: none;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #666;
	background-color: white;
	background-image: url(../../../images/interface/formInput_bkd.jpg);
	background-repeat: repeat-x;
	margin: 0px 5px 0px 0px;
	padding: 5px;
	float: left;
}

#searchForm input.field:hover,
#searchForm input.field:focus {
	border: 1px solid #99ccff;
}

#searchForm input.searchBtn {
	width: 86px;
	height: 25px;
	outline: none;
	background-color: #ffffff;
	background-image: url(../../../images/btns/searchBtn.gif);
	background-repeat: no-repeat;
}

#searchForm input.searchBtn:hover {
	background: #ffffff url(../../../images/btns/searchBtn.gif) no-repeat 0 -25px;
}

/* PRODUCT DETAILS AND PURCHASE
------------------------------------------*/

.grid-c1Purchase {
	float: left;
	padding-top: 10px;
	width: 320px;
}

.grid-c1Purchase input.button {
	background: #666;
	height: 25px;
	width: 100px;
	color: #fff;
	border: 0;
	font: bold 0.8em Arial, Helvetica, sans-serif;
}

.grid-c1Purchase input.addBtn {
	width: 120px;
	height: 25px;
	outline: none;
	background-color: #ffffff;
	background-image: url(../../../images/btns/add.gif);
	background-repeat: no-repeat;
}

.grid-c1Purchase input.addBtn:hover {
	background-color: #ffffff;
	background-image: url(../../../images/btns/add.gif);
	background-repeat: no-repeat;
	background-position: 0 -25px;
}

.grid-c1Purchase input.button:hover {
	background: #0099FF;
}

.grid-c1Purchase .price {
	font-size: 36px;
	color: #0099FF;
	font-family: Georgia, Times, serif;
}

.grid-c1Purchase .dollarsign {
	color: #0099FF;
	position: relative;
	bottom: 10px;
	width: 5px;
	font: 20px Georgia, Times, serif;
}

.grid-c1Purchase form {
	
}

.grid-c1Purchase  input.field {
	border: 1px solid #dbe1d7;
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	padding: 3px;
	outline: none;
	background-image: url(../../../images/interface/formTextarea_bkd.gif);
	background-repeat: repeat-x;
}

/* -------------- Mailing List ------------------ */

#mList {
	float: left;
}

#mList input.submitBtn {
	width: 86px;
	height: 25px;
	outline: none;
	background-color: #ffffff;
	background-image: url(../../../images/btns/submitBtn.gif);
	background-repeat: no-repeat;
}

#mList input.submitBtn:hover {
	background-color: #ffffff;
	background-image: url(../../../images/btns/submitBtn.gif);
	background-repeat: no-repeat;
	background-position: 0 -25px;
}

#mList input.field {
	border: 1px solid #dbe1d7;
	width: 215px;
	height: 20px;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: white;
	background-image: url(../../../images/interface/formInput_bkd.jpg);
	background-repeat: repeat-x;
	margin: 0px 5px 0px 0px;
}

#mList input.field:hover,
#mList  input.field:focus {
	border: 1px solid #99ccff;
}

/* -------------- Color Chart ------------------ */

#colorchart {
	float: left;
	padding-top: 10px;
	width: 320px;
}

#colorchart  ul li {
	color: #666666;
	list-style-type: none;
	padding: 2px;
}

#colorchart img {
	border: 1px solid #CCCCCC;
	margin-right: 5px;
}

#colorchart li.header {
	background: #F4F4F4 url(../../../images/interface/grey-fold.png) no-repeat right bottom;
	padding: 5px;
	margin-bottom: 5px;
}

#letterChart td {
	border: 1px solid #F4F4F4;
	padding: 5px;
	font-size: 0.8em;
}

#letterChart th {
	text-align: left;
}

/* ######### img rollover ######### */

#slider {
	width: 650px;
	height: 320px;
	position: relative;
	overflow: hidden;
}

#sliderContent {
	width: 650px;
    position: absolute;
	top: 0;
	margin-left: 0;
}

.sliderImage {
	float: left;
	position: relative;
	display: none;
}

.sliderImage span {
	position: absolute;
	font: 14px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 625px;
	height: 50px;
	background-color: #FFF;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #000;
	display: none;
}

.clear {
	clear: both;
}

.sliderImage span strong {
	font-size: 18px;
}

.top {
	top: 0;
	left: 0;
}

.bottom {
	bottom: 0;
	left: 0;
}

/* CONTACT form
------------------------------------------*/

#contactForm .form {
	padding-left: 20px;
}

#contactForm label {
	float: left;
	width: 120px;
	color: #666;
	font-size: 0.8em;
}

#contactForm input.field {
	border: 1px solid #dbe1d7;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	padding: 3px;
	margin-bottom: 10px;
	outline: none;
	background-image: url(../store/images/interface/formTextarea_bkd.gif);
	background-repeat: repeat-x;
}

#contactForm textarea {
	border: 1px solid #dbe1d7;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	padding: 3px;
	margin-bottom: 10px;
	outline: none;
}

#contactForm textarea {
	width: 300px;
	height: 150px;
	background-image: url(../store/images/interface/bg_sidebar.gif);
}

#contactForm input.submitBtn {
	width: 86px;
	height: 25px;
	outline: none;
	background-color: #ffffff;
	background-image: url(../store/images/btns/submitBtn.gif);
	background-repeat: no-repeat;
	margin-left: 120px;
}

#contactForm input.submitBtn:hover {
	background-color: #ffffff;
	background-image: url(../store/images/btns/submitBtn.gif);
	background-repeat: no-repeat;
	background-position: 0 -25px;
}

p#success {
	padding: 3px 10px;
	background: #F4F4F4;
	color: #0099FF;
	font-weight: bold;
	margin-bottom: 10px;
}

p#bademail, p#badserver {
	padding: 3px 10px;
	background: #F4F4F4;
	color: red;
	font-weight: bold;
	margin-bottom: 10px;
}