@import url("forms.css");

body { color: #666; }

a#logo { color: #fff; font-size: 24px; font-weight: bold; line-height: 124px; text-decoration: none; }

h1,h2,h3,h4,h5,h6 { color: #01b0f0; }

div#content { background: #333 url(/images/cssimg/bg-nothing-3-1.png) repeat-x 0 0; }
div.whoslogged { color: #fff; }
div#main { background-color:#fff; position:relative; }
div#placeholder-hero { background: #f9f9f9; }
div#placeholder-hero img { border: 1px solid #eee; margin: 0; }
div#sub { color: #fff; }
div#placeholder-footer { color: #888; font-size: 11px; }

td.menu-item { color: #fff; }
td.menu-item-hover { color: #01B0F0; }
td.menu-item-selected { color: #5aff00; }
td.submenu-item { background: #f9f9f9; color: #000; font-size: 11px; padding: 6px !important; }
td.submenu-item-hover { background: #01B0F0; color: #fff; font-size: 11px; padding: 6px !important; }
td.submenu-item-selected { background: #000; color: #fff; font-size: 11px; padding: 6px !important; }

/* @group Forms */
div#placeholder-box1 { border-bottom: 1px solid #555; padding: 18px 0 0; }
div#placeholder-box1 ol { }
div#placeholder-box1 ol li { margin:0 0 5px 20px; }
div#placeholder-box1 .author { display:none; }
div#placeholder-box1 .date { display:inline; }
div#placeholder-box1 a { }

.secure-login,
.newsletter-form,
.announcement-list { background: transparent; border: none; border-bottom: 1px solid #555; margin-bottom: 0; padding: 18px 0; }
.announcement-list { border: none; padding: 0 18px; }

.secure-login h3,
.newsletter-form h3 { background: transparent; border: none; font-size: 14px; margin: 0; padding: 6px 18px; }

.newsletter-form .cat_textbox_small, .newsletter-form .cat_listbox_small 
				{ width:154px; }

.newsletter-form .form label, .newsletter-form .webform label 
				{font-size:11px; color:#01B0F0; }


.newsletter-form #Captcha { width:144px; margin-top:5px; }

.secure-login div.form,.newsletter-form div.form { padding-left: 9px; }

#placeholder-nav table td { cursor:pointer; }
/* @end */

/* @group Links */
a:link,a:visited { color: #01b0f0; text-decoration: none; }

a:hover,a:active { color: #01b0f0; text-decoration: underline; }

div#nav a:link,
div#nav a:visited {text-decoration: none; }

div#nav a:hover,
div#nav a:active { color: #01b0f0; text-decoration: underline; }

#placeholder-nav table td { cursor:pointer; }
/* @end */

/* @group Template Settings */

/* Don't touch these unless you know how CSS layouts work */

body { background: #f9f9f9 url(/images/cssimg/bg-3-1.png) repeat-x 0 0; margin: 0; }

div#header-container { background: url(/images/cssimg/bg-header-3-1.png) repeat-x 0 0; height: 126px; }

#placeholder-logo { padding-left: 30px; background: transparent url(/images/mindkitslogo.png) no-repeat scroll 20px 0; display:block; }

div.whoslogged { height: 54px; line-height: 54px; padding-right: 40px; text-align: right; }

div#nav { background-color: transparent; height: 72px; }

div#placeholder-nav { /*height: 36px;
	padding-right: 40px;*/
}

div#placeholder-nav td { padding: 0; vertical-align: middle; }

div#cap { background: url(/images/cssimg/bg-cap-3-1.png) no-repeat 0 0; height: 18px; }
div#capsub { background: url(/images/cssimg/bg-capsub-3-1.png) no-repeat 0 0; height: 18px; }

div#nothing { background: url(/images/cssimg/bg-nothing-3-1.png) repeat-x 0 0; height: 72px; }

div#placeholder-search { background: transparent url(/images/cssimg/bg-nothing-3-1.png) repeat-x 0 0; height: 72px; }

div.search-box { padding-left: 18px; padding-top: 18px; }
div.search-box input.cat_textbox_small { width: 120px; }

div#content { border-bottom: 18px solid #333; }

div#placeholder-hero { height: 216px; margin-bottom: 18px; width: 600px; }
div#placeholder-rss { height:21px; position:absolute; right:10px; text-align:right; top:10px; width:75px; }
div#placeholder-rss img { margin: 0 9px; vertical-align: middle; }

span.whoslogged { margin-right: 36px; }

div#content div.inner { padding:68px 36px 36px; }

#sub div#content div.inner { padding:18px 36px 36px; }

#placeholder-nav table td { cursor:pointer; }
/* @end */

/* FUEL DESIGN OVERRIDES */

/***************************************
****** Fuel Design CMS Overrides *******
***************************************/

.shop-product-small h5 { height:40px; }
.shop-product-small li.price strong { font-size:12px; }

table.productTable td { width:33%; }
table { margin-bottom:0; }
table.catalogueTable,
table.productTable { margin:0; }

.catalogueItemNotFound { font-size:0; height:0; line-height:0; }

#featured-products li.quantity { display:none; }

div#placeholder-product-box { border-bottom:1px solid #555; padding:18px; }

#placeholder-product-box h3,#placeholder-product-box h4 { font-size:14px; text-transform:uppercase; }

div#placeholder-product-box ul { margin:0 0 0 18px; }
div#placeholder-product-box ul li { }
div#placeholder-product-box ul li a { }

.shop-product-large { }
.shop-product-large h1 { color:#01B0F0; font-size:1.5em; margin:0; padding:10px; }
.shop-product-large .image { margin:0; }

.relatedproducts,
.shop-product-large .description { padding:0 10px; }
.shop-product-large .details { width:100%; min-height:35px; height:35px; }
.shop-product-large .details ul { margin:0; padding:0; }
.shop-product-large .details ul li { display:inline; padding:0 5px; }

#catalogue-container { }
#catalogue-container ul { }
#catalogue-container li { }

.faq-container { }
.faq-container .answer { padding:0 10px; }
.faq-container h1,
.faq-container .moduleFooter { display:none; }

#inner-placeholder-search { width:269px; min-height:40px; }
#inner-placeholder-search div.search-box { padding:0 35px; }
#inner-placeholder-search div.search-box input.cat_textbox_small { width: 120px; }

.shop-product-large h1 { font-size:22px; color:##01B0F0; }
.shop-main .pagination-container { margin-left:200px; }
td.shop-item { color:#01B0F0; }
td.shop-item-hover { color:#01B0F0; }
td.shop-item-selected { color:#5aff00; }

#placeholder-box1 h3 { font-size:14px; margin:0; padding:0 18px 18px; text-transform:uppercase; }

.announcement-list span.date { display:block; font-size:10px; font-weight:normal; margin:0; }

.relatedproducts table.productTable td {/*width:205px;*/ }
.relatedproducts .shop-product-small.clear { display:inline-table; }

.twitter-module { border-bottom:1px solid #555; padding:18px 1px; }
.twitter-module h3 { font-size:14px; margin:0; padding:0 18px 18px; text-transform:uppercase; }

#mainNav { }
#mainNav ul { margin:0; }
#mainNav ul li { display:block; float:left; height:30px; line-height:30px; list-style:none; position:relative; z-index:50; }
#mainNav ul ul { border:1px solid #111; margin:0; padding:0; }
#mainNav ul ul li { float:none; }
#mainNav ul ul { left:-9999px; position:absolute; top:30px; }
#mainNav ul li:hover ul { left:5px; }
#mainNav li a { display:block; color:#f5f5f5; padding:0 8px; text-decoration:none; }
#mainNav li a:active,
#mainNav li a:focus #mainNav li a:hover { color:#01B0F0; }
#mainNav li li a { background-color:#f0f0f0; color:#111; display:block; font-size:0.9em; height:30px; line-height:30px; padding:0 5px; width:100px; }
#mainNav li li a:hover { background-color:#01B0F0; color:#f0f0f0; }
#mainNav li.selected a { color:#01B0F0; }
#mainNav li.shop-item a { color:#01B0F0; }

.quantity { text-align:left !important; }
.sub-total td {border-bottom:1px solid #EEEEEE;}
.total td { background-color:#EEE !important;}

/* ad rotators */
#placeholder-banner { height:60px; left:100px; overflow:hidden; position:absolute; top:10px; width:468px; }
#sub #placeholder-banner { left:300px; }

/* SEO Layout */
.main div#content { position:relative; }
.main div#main { margin-left:240px; }
.main div#sub { left:0; position:absolute; top:0; }
.main div#header-container { position:relative; }
.main .krd { color:#444444; font-size:0.8em; left:275px; position:absolute; top:20px; width:495px; }
#sub .krd { margin:1em 0; }

.message { color:#c00; text-align:center; }
.left,img.left { float:left; margin:0 8px 8px 0; }
.right,img.right { float:right; margin:0 0 8px 8px; }
.leadin { color:#333333;font-size:15px; }

/* Custom messages */
#message-panel 						{
									display:none; z-index:9999; padding-bottom:13px;
									width:450px; -moz-box-shadow:0 2px 5px #666666; background: rgba(2,2,2,0.7); 
									border:1px solid white;	position:absolute;  text-align: center; 
									-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; 
									}

#message-panel .message				{
									font-size:13px; font-weight:normal;
									background:black; padding:15px 50px; margin:8px 8px -5px 8px; 
									color:white; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
									}
#message-panel .message-button		{
									-moz-border-radius:4px 4px 4px 4px; background-color:#8dccd9; 
									color:white; font-size:12px; padding:4px 5px 5px 6px; margin-top:5px;
									}
#message-panel .close				{ display:block; float:right; background:transparent url(/images/cssimg/delete.png) no-repeat 0 0; width:16px; height:16px; margin-right:12px; margin-top:12px; }