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;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}
* {margin: 0; padding: 0;}

@font-face {
	font-family: 'Myriad';
	src: url('../fonts/myriadpro-regular-webfont.eot');
	src: local('☺'), url('../fonts/myriadpro-regular-webfont.woff') format('woff'), url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'), url('../fonts/myriadpro-regular-webfont.svg#webfont6hMDLbd6') format('svg');
	font-weight: normal;
	font-style: normal;
}
body#tinymce {
	background: white;
	font-size: 12px;
}
body#tinymce ul {
	list-style-type: square;
	margin-left: 15px;
}
body {
	background: url(../img/background-gradient.gif) repeat-x top left;
	font-family: 'Myriad', Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 12px;
}
a {text-decoration: none; color: #333;}
br.clear {height: 1px; margin-top: -1px; clear: both;}
.floatleft {float: left;}
.floatright {float: right;}
div#page {
	width: 950px;
	margin: 0 auto;
}

div#header {
	margin-top: 11px;
}
div#header img.logo {
	float: left;
}

ul#header-center {
	float: left;
	margin: 0 10px;
}
ul#header-center li {clear: both;}
ul#header-center li.topimgs img {
	float: left;
}
ul#header-center li.dropdowns {
}
ul#header-center li.dropdowns a {
	display: block;
	height: 37px;
	width: 101px;
	background:url(../img/dropdown-button-background.gif) top left repeat-x;
	float: left;
	text-align: center;
	color: white;
	line-height: 37px;
	margin: 6px 5px 6px 0;
}
ul#header-center li.dropdowns a:hover {
	background-position: 0 -37px;
}
form#searchbox {
	background: url(../img/search-header-back.gif) top left no-repeat;
	height: 31px;
	width: 619px;
	font-size: 18px;
	padding: 3px 3px 3px 8px;
}
form#searchbox input#search_query {
	border: 0px solid white;
	background: none;
	font-size: 14px;
	margin-top: 7px;
	width: 500px;
}
form#searchbox input#search_button {
	float: right;
}

.button_green {
	background: url(../img/button-search.gif) top left repeat-x;
	display: block;
	height: 31px;
	width: 100px;
	border: 0px solid white;
	line-height: 31px;
	color: white;
	font-size: 16px;
	text-align:center;
	font-weight: bold;
}
.button-darkblue {
	background: url(../img/button-darkblue.gif) top left repeat-x;
	display: block;
	height: 31px;
	border: 0px solid white;
	line-height: 31px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
}


div#topmenu {
	clear: both;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	background: url(../img/top-menu-background) repeat-x top left;
}
div#topmenu a {
	background: url(../img/divider-blue.gif) top right no-repeat;
	color: white;
	padding: 0 15px;
	display: block;
	height: 34px;
	float: left;
}
div#columns {margin-top: 10px;}
div#left_column {
	width: 150px;
	float: left;
}
div#center_column {
	width: 630px;
	margin: 0 10px;
	float: left;
}
div.block ul.tree {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 1.1em;
	}
div.block ul.tree li {
	position: relative;
	margin-bottom: 10px;
}
div.block ul.tree li ul li {margin-bottom: 0px;}
div.block ul.tree a {
	display: block;
	width: 145px;
	padding-left: 5px;
}
div.block ul.tree li a.top {background:url(../img/category-top.gif) top left repeat-x;
	color: white;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;	
}
div.block ul.tree li ul li a { 
	border-bottom: 1px solid #cccccc;
	padding: 3px 0px;
	padding-left: 5px;
}
div.block ul.tree ul li a:hover {
	background: #e6e7e6;
}
div.block ul.tree li {}
div.block ul.tree ul li ul.level3 li a{
	font-size: 10px;
	padding-left: 15px;
	width: 130px;
	background: url(../img/bullet-small.gif) top left no-repeat;
	background-position: 10px 7px;
}
ul.level3 {display:none;}
span.grower {position:absolute; top: 0px; right: 0px; display: block; height: 20px; width: 20px; background: #5084c6; color: white; text-align: center; line-height: 18px; font-weight: bold; font-size: 14px; cursor: pointer;}
span.grower:hover {background: #12306c;}
ul.level2 span.grower {position:absolute; top: 3px; right: 3px; background: #ffffff; border: 1px solid #333333; color: #333333; font-size: 10px; height: 9px; width: 9px; line-height: 8px;}
span.viewall {color: #5084c6; line-height: 1.5em; font-weight: bold; padding-left: 5px; width: 100px; cursor: pointer;}
span.viewall:hover {color: #12306c;}

div#bigad {display: block; height: 225px; width: 630px; background:#cccccc; margin-bottom: 10px;}
div#smallads {height:152px; width: 630px; display:block; overflow:hidden; margin-bottom: 10px;}
div#product-slider {clear:both; margin-bottom: 10px;}
div#product-slider h3 {
	background: url(../img/title-black.gif) top left repeat-x;
	height: 29px;
	line-height: 29px;
	color: white;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
}
p.slider-subtitle {line-height: 29px; font-size: 12px; font-weight: bold; color: white; padding-right: 10px; position:absolute; text-align: right; width: 620px;}

div.carousel ul li {
	float: left;
	width: 150px;
	margin: 10px 10px 10px 0;
}
div.carousel ul li p.title {
	text-transform: uppercase;
	color: #2d68b2;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2em;
	height: 2.4em;
	text-align: center;
	margin: 5px 0;
	overflow: hidden;
}
div.carousel ul li img {
	display: block;
	margin: 0 auto;
}
div.carousel ul li div.price {
	color: white;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
div.carousel ul li div.price p.black {
	background: url(../img/price-black.gif) top left repeat-x;
	height: 16px;
	line-height: 18px;
	font-size: 12px;
}
div.carousel ul li div.price p.price {
	background: url(../img/price-blue.gif) top left repeat-x;
	height: 25px;
	line-height: 27px;
	font-size: 20px;
}

div.next, div.prev {
	background:url(../img/scroll-right.png) top left no-repeat;
	position:absolute;
	top: 40px;
	right: 0px;
	width: 19px;
	height: 90px;
	z-index: 300;
	cursor: pointer;
}
div.prev {background:url(../img/scroll-left.png) top left no-repeat !important; left: 0px !important;}