@import url(reset.css);
@font-face {
    font-family: 'quicksandbold';
    src: url('quicksandbold.eot');
    src: url('quicksandbold.ttf') format('truetype');
}

body { text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666; }

h1 { letter-spacing:-1px; font-family:'quicksandbold', Arial; font-size:24px; padding-bottom:10px; line-height:26px; color:#0063dc; }
h1 span { font-family:Arial; letter-spacing:0; font-size:12px; color:#666; font-weight:normal; }
h2 { font-weight:400; font-size:16px; padding-bottom:10px; }
h3 { font-weight:400; font-size:16px; padding-bottom:10px; }
h6 { font-weight:400; font-size:11px; line-height:18px; }
p { line-height:20px; padding-bottom:10px; }

em { font-style:italic; }

a { color:#0063dc; text-decoration:none; i:#c91753; }
a:hover { text-decoration:underline; }

table { width:100%; font-size:12px; }

.flashMessages { display:inline-block; margin:5px 0; z-index:1; padding:5px 8px; color:#fff; background-image:url(../images/semiTransparent.png); border-radius:4px; }

.label { width:30%; background-color:#FCFCFC; }

.list { border:1px solid #E5E5E5; border-top:none; margin-bottom:20px; }
.list th { background-color:#F8F8F8; border-top:1px solid #E5E5E5; padding:8px; font-weight:bold; }
.list tr { vertical-align:top; }
.list td { border:1px solid #E5E5E5; border-left:none; border-bottom:none; padding:8px; }

/* Modify */
.hide { display:none; }
.clear { clear:both; }
.collapse { visibility:collapse; }
.collapse:hover { visibility:visible; }
.debug { position:absolute; padding:5px 10px; left:0; background-color:#FFC; margin:0 5px; }

.round, .slider-range, .butt, input[type=submit] { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.round, .round-top, .round-left, .round-top-left { -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; }
.round, .round-top, .round-right, .round-top-right, #sidebar ul ul ul { -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; }
.round, .round-bottom, .round-left, .round-bottom-left, #nav ul ul { -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; }
.round, .round-bottom, .round-right, .round-bottom-right, #nav ul ul, #sidebar ul ul ul { -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px;	border-bottom-right-radius:4px; }

.shadow, .thumb { box-shadow:1px 1px 4px #CCC; -moz-box-shadow:1px 1px 4px #CCC; -webkit-box-shadow:1px 1px 4px #CCC; }

.toolbar a, #searchText, .boxWhite,
.bevel { border:1px solid; border-color:#E5E5E5 #C5C5C5 #C5C5C5 #E5E5E5; }

.butt, input[type=submit] { padding:4px 8px; background:#0066cc; border:0; color:#fff; font-size:12px; }

#main { width:990px; text-align:left; margin:10px auto; overflow:hidden; }
#header { overflow:hidden; }
#footer { background-color:#f5f5f5; padding:10px; overflow:hidden; clear:both; margin-top:10px; height:auto !important; height:32px; }

#content { padding:10px 20px 30px; min-height:400px; overflow:hidden; clear:both; }
#contentLeft { float:left; width:770px; margin:20px 20px 30px 0; min-height:400px; }
#contentRight { float:left; width:770px; margin:20px 0 30px 20px; min-height:400px; }
#contentLeftSmall { float:left; width:650px; margin:20px 140px 30px 0; min-height:400px; }

#content h3, #contentRight h3 { padding-bottom:20px; }

/* Header */
#logo { text-align:left; float:left; margin-bottom:8px; overflow:hidden; }

#search { margin-bottom:10px; clear:both; padding:10px; text-align:center; background-color:#F8F8F8; overflow:hidden; }
#search #searchForm { font-size:14px; }
#search #searchText { font-size:14px; width:200px; background-color:#FFF; padding:4px; height:15px; border-right:none; outline:none; }
#search #searchText:focus { border:1px solid #0063dc; border-right:none; }
#search .searchButt { vertical-align:bottom; }

/* Menu */
.nav { background-color:#000; background-image:url(../images/menu_bg.jpg); font-size:15px; height:36px; clear:both; width:100%; padding:0; }
.nav li { margin:2px; padding:0; list-style:none; }

.nav { float:left; clear:both; position:relative; list-style-type:none; z-index:100; text-align:left; line-height:18px; }
.nav li { position:relative; height:26px; float:left; padding:6px 13px 0;  font-family:'quicksandbold', Arial; color:#FFF; white-space:normal; text-align:left; }
.nav>li:hover>a { text-decoration:none; }
.nav>li>a { color:#fff; }

.nav>li>ul { background:#000; position:absolute; visibility:hidden; float:none; top:32px; left:-4px; width:200px; z-index:10000; list-style-type:none; padding:0 4px 4px; line-height:16px; }
.nav li:hover ul { visibility:visible; }
.nav ul li { font-weight:normal; padding:4px 10px 6px; margin:0; clear:both; height:auto; font-size:12px; width:180px; background-color:#FFF; border-bottom:1px solid #EBEBEB; }
.nav ul li a { color:#000; }
.nav ul li a:hover { color:#000; }
.nav ul li:first-child { padding-top:6px; }
.nav ul li:last-child { padding-bottom:6px; }

.nav ul ul { }

/* Sidebar */
#sidebar { width:200px; float:left; line-height:20px; background-color:#f5f5f5; padding-bottom:10px; overflow:hidden; margin-bottom:10px; }
#sidebar .boxWhite { margin:10px; background-color:#FFF; overflow:hidden; }
#sidebar .boxWhite ul { border:none; padding:0; }

#sidebar .box { margin:10px; }

#sidebar ul li { margin:10px; font-weight:700; font-size:13px; color:#999999; }
#sidebar ul ul li { font-weight:normal; margin:0; font-size:12px; }
#sidebar ul ul { list-style:none; border-bottom:1px solid #CCC; padding-bottom:10px; margin-top:6px; }

#sidebar ul ul ul { background-color:#06C; margin-left:180px; margin-top:-20px; padding:10px 10px 10px 20px; position:absolute; display:none; background-color:#f5f5f5; width:200px; z-index:10000; border:none;  }
#sidebar ul ul li:hover ul { display:block; }

#sidebar h2 { color:#777777; padding:10px; }
#sidebar h3 { color:#777777; padding-bottom:10px; }

#sidebar .filters li a { padding-left:18px; background:url('../images/deleteButt.png') no-repeat 0 2px; }

/* Facebook */
.facebookLike { background-color:#FFF; border:none; overflow:hidden; width:180px; height:62px; margin:10px 10px 0; }

/* Breadcrumb */
.breadcrumbRight { font-size:11px; list-style:none; background-color:#f5f5f5; padding:9px 10px; text-indent:200px; }
.breadcrumb { font-size:11px; list-style:none; background-color:#f5f5f5; padding:9px 10px; width:970px !important; width:990px; float:left; }
.breadcrumb a, .breadcrumbRight a { }
.breadcrumb .separator, .breadcrumbRight .separator { background:no-repeat; background-position: 50% 5px; background-image: url('../images/arrowRight.png'); padding:0 9px; }
.home { text-indent:-100px; display:inline-block; vertical-align:bottom; background:url(../images/home.png) no-repeat top; width:11px; height:14px; overflow:hidden; }

/* Toolbar */
.toolbar { overflow:hidden; margin:10px 0; font-size:11px; padding:5px 10px; background-color:#F8F8F8; clear:both; height:auto !important; height:33px; }
.toolbar a { margin:0 2px; padding:2px 5px 3px; background-color:#fafafa; }
.toolbar a:hover { background-color:#0063dc; color:#FFF; text-decoration:none; border:none; padding:3px 6px 4px; }
.toolbar .now { margin:0 3px; padding:3px 4px; }
.toolbar .view { float:left; display:inline-block; padding:4px 0; }
.toolbar .sort { float:right; display:inline-block; padding:4px 0; }
.toolbar .pages { text-align:center; overflow:hidden; padding:4px 0; }

/* Items */
.hot { margin-bottom:20px; }

.items { overflow:hidden; margin-bottom:10px; }

.rating { margin-bottom:10px; }
.rating div { display:inline-block; }
.ratingOff { background-image:url('../images/ratingOff.png'); width:80px; height:13px; background-repeat:repeat-x; margin-right:5px; }
.ratingOn { background-image:url('../images/ratingOn.png'); height:13px; background-repeat:repeat-x; }

.relatedTerms { clear:both; margin-top:20px; text-align:justify; }
.priceChange { background-color:#FFF74A; padding:1px 4px; color:#000; }
.storeLogo { float:left; width:150px; text-align:center; margin-top:15px; }
.thumb { background-color:#FFF; }

.dealClick { color:#FFF; text-shadow:#053a7a 1px 1px; padding:1px 12px; background-color:#0063dc; font-size:12px; font-weight:700; display:inline-block; margin:6px 0; }
.dealClick:hover { text-decoration:none; }

/* Items Containers */
.containerList { padding-top:10px; clear:both; border-top:1px solid #E1E1E1; overflow:hidden; }
.containerList .thumb { height:150px; width:150px; margin-bottom:10px; float:left; margin-right:20px; overflow:hidden; }
.containerList .details { float:left; width:410px; line-height:18px; overflow:hidden; }
.containerList .name { font-size:14px; font-weight:700; padding-bottom:6px; }
.containerList .description { font-size:11px; }
.containerList .rating { font-size:11px; }
.containerList .manufacturer { font-size:11px; margin-top:6px; }
.containerList .deal { float:right; width:170px; margin-left:20px; text-align:right; line-height:22px; }
.containerList .price { font-size:18px; font-weight:bold; display:inline; }
.containerList .priceChange { font-size:14px; margin-left:4px; }

.containerGrid { float:left; width:134px; margin:0 10px 10px; height:220px; }
.containerGrid .thumb { padding:4px; margin-bottom:10px; text-align:center; }
.containerGrid .name { height:18px; font-size:12px; overflow:hidden; line-height:20px; }
.containerGrid .price { height:22px; color:#000; font-size:14px; overflow:hidden; margin-top:2px; }
.containerGrid .priceChange { font-size:12px; font-weight:bold; margin-left:4px; }
.containerGrid .description { text-align:left; font-size:11px; line-height:16px; height:45px; overflow:hidden; }

.offerContainerCompact { padding-top:10px; margin-bottom:10px; clear:both; border-top:1px solid #E1E1E1; overflow:hidden; }
.offerContainerCompact .thumb { height:150px; width:150px; float:left; margin-right:20px; margin-bottom:20px; }
.offerContainerCompact .details { float:left; width:460px; line-height:18px; overflow:hidden; }
.offerContainerCompact .name { font-size:14px; font-weight:700; padding-bottom:6px; }
.offerContainerCompact .description { font-size:11px; }
.offerContainerCompact .deal { float:right; width:150px; margin-left:10px; text-align:right; line-height:22px; }
.offerContainerCompact .price { font-size:18px; font-weight:bold; display:inline; }
.offerContainerCompact .store { }

.productContainerHot { clear:both; border-top:1px solid #E1E1E1; overflow:hidden; padding:6px 5px; font-size:14px; font-weight:bold; }
.productContainerHot .name { width:400px; float:left; overflow:hidden; height:18px; } 
.productContainerHot .price { float:right; }
.productContainerHot .priceChange { margin-left:4px; font-size:12px; }

/* Product Page */
.productContainer { line-height:22px; }
.productContainer .thumb { height:200px; width:200px; float:left; margin-bottom:30px; }
.productContainer .details { float:right; width:530px; line-height:18px; overflow:hidden; }
.productContainer .prices { float:right; text-align:right; margin-left:10px; margin-bottom:10px; }
.productContainer .price { font-size:18px; font-weight:bold; }
.productContainer .description { }

.share { overflow:hidden; margin:10px 0; font-size:11px; padding:7px 10px; background-color:#F8F8F8; clear:both; height:auto !important; height:29px; }
.share span { float:left; }

.tabs { height:30px; margin-bottom:15px; border-bottom:1px solid #E1E1E1; }
.tab { margin-right:3px; position:relative; top:9px; font-weight:700; font-size:14px; padding:6px 8px 6px; border:1px solid #E1E1E1; border-bottom:none; overflow:hidden; background:url(../images/tab_bg.jpg) top repeat-x;  }
.tab.active { background-image:none; background-color:#FFF; }
#fullDescription { line-height:22px; overflow:hidden; }

.priceHistory span { display:inline-block; }
.priceHistory .date { text-align:left; }
.priceHistory .price { font-weight:bold; text-align:right; width:60px; }
.priceHistory .change { text-align:right; width:40px; }

/* Index Page */
.edito { margin:10px 0; padding:15px 60px 20px 350px; color:#FFF; background-image:url(../s/editoBg.jpg); background-position:left; }
.edito a { color:#FFF; }
.edito h1 { color:#FFF; }

/* All */
.contentDescription { font-size:11px; color:#999; line-height:18px; }
.contentDescription a { color:#999; }

/* Articles */
.articles { }
.articles p { margin:5px 0 10px; text-align:justify; line-height:24px; }
.articlePreview { margin-bottom:20px; }

.articleContainerHot { clear:both; border-top:1px solid #E1E1E1; overflow:hidden; padding:6px 5px; font-size:14px; font-weight:bold; }
.articleContainerHot .title { float:left; overflow:hidden; height:18px; }

/* Grid */
.grid {							margin:10px 0; padding:0; width:100%; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;  } 
.grid th {						padding:7px 10px; text-align:left; font-weight:bold; background:#fff; }					
.grid td {						padding:7px 10px; border-top:solid 1px #d6d6d6; line-height:18px; }
.grid tr:hover td { 			background:#e5ecf9; }

.grid tr:nth-child(even) { 		background:#fff; }
.grid tr:nth-child(odd) {		background: #f7f7f7; }

.grid .select td, .grid tr.select:hover td { background:#ffffcc; }


/* Form */
.mainForm { margin-bottom:20px; }
.mainForm fieldset { }
.mainForm legend { padding:5px; }
.mainForm dt { font-weight:700; display:block; margin-bottom:5px; }
.mainForm dd { margin-bottom:10px; }
.mainForm .errors { color:red; margin:5px 0 10px; text-align:left; }
.mainForm dt label {
	float: left;
	font-weight: 700;
	line-height: 14px;
	margin-right: 10px;
	width: 165px;
	padding-bottom:5px;
	padding-top:5px;
}
.mainForm dd label { padding-right:10px; }
.mainForm input[type='text'], .mainForm input[type='password'], .mainForm select, .mainForm textarea { padding:4px; width:490px; }
.mainForm select { width:500px; }
.mainForm .description { margin:5px 0 5px 175px; }
.mainForm a:hover.butt , .mainForm a.butt { text-decoration: none; color:#fff; }
.mainForm input[type=radio] { margin-right:5px; }

.mainForm.login input[type='text'], .mainForm.login input[type='password'] { width:200px; }

.mainForm.checker {  }
.mainForm.checker { position:relative; overflow:hidden; }
.mainForm.checker label { display:block; margin-bottom:5px; clear:both; }
.mainForm.checker h3 label { font-weight:bold; }
.mainForm.checker label input[type=checkbox] { margin-right:5px; }
.mainForm.checker legend { display: block; position: absolute; top: 15px; left: 15px; }
.mainForm.checker .attribute { margin-bottom:20px; }
.mainForm.checker dd { clear:both; }

/* Widget */
.code { width:550px; height:60px; border:2px solid #f4f4f4; padding:8px 10px; background:#f9f9f9; }
.previewBanner { border:2px solid #f4f4f4; }