@charset "utf-8";
/* CSS Document */

input, textarea, select { outline: none !important; }

body {font-family:Arial; font-size:11px; color:#696969;}

div.mainMenu {background:url(../images/mainMenu_bg.jpg) left top repeat-x; height:40px;}
	div.mainMenu ul {width:990px; overflow:hidden; margin:0 auto;}
		div.mainMenu ul li.menuItem {float:left; padding:12px 45px 0 7px; font-weight:bold;}
		div.mainMenu ul li.last {padding-right:0;}
			div.mainMenu ul li a {color:#636363; text-transform:capitalize; text-shadow:1px 1px 1px #dedede;}
			div.mainMenu ul li a:hover {color:#454545;}

div.container {background:url(../images/containerBg.jpg) top center no-repeat;}

div.mainHolder {width:990px; margin:0 auto;}

div.logo { text-align:center;}

div.search {width:437px; margin:0 auto;}
	div.search strong, div.discount strong {display:block; float:left; background:url(../images/searcTxt.png) left top no-repeat; width:374px; height:26px; padding:7px 5px 0 10px; overflow:hidden; font-weight:normal;}
    div.discount strong {width: 160px;}
		div.search strong input, div.discount strong input {border:none; height:22px; width:374px; font-size:18px; color:#b3b3b3; background:none;}
	div.search span, div.discount span {display:block; float:left; background:url(../images/searchBtn.png) left top no-repeat; width:45px; height:33px; overflow:hidden;}
    div.discount span {background:url(../images/apply.png) left top no-repeat; width: 71px;}
		div.search span input, div.discount span button {border:none; background:none; cursor:pointer; width:45px; height:33px;}
        div.discount span button {width: 71px;}
	div.search div.advancedSearch {background:url(../images/advancedSearch_icon.png) left top no-repeat; height:22px; padding:5px 25px 0 34px; float:left; margin-top:10px;}
	div.search div.bargainSearch {background:url(../images/bergainSearch_icon.png) left top no-repeat; height:22px; padding:5px 0 0 34px; float:left; margin-top:10px;}
	div.search a {font-size:13px; color:#9c9c9c;}
	div.search a:hover {text-decoration:underline;}

div.maleFD {background-image:url(../images/maleFD_image.jpg); width:183px;}
div.femaleFD {background-image:url(../images/femaleFD_image.jpg); width:210px;}
div.kidsFD {background-image:url(../images/kidsFD_image.jpg); width:221px;}
div.FD {background-position:center top; background-repeat:no-repeat; padding:130px 23px 0 0; float:left; margin-top:45px;}
	div.FD p {padding:4px 0;}
	div.FD span {color:#ff4c00;}
	div.FD a {color:#ff4c00; text-decoration:underline;}
	div.FD h1 {font-size:22px; color:#000; letter-spacing:-1px;}
	div.FD .title {position:absolute; margin-top:-40px;}
div.bestSeller {float:left; width:276px; margin-top:-60px; padding-left:31px;}
	.after:after {content:url(../images/bestSeller.png); position:absolute; margin-top:220px;margin-left:-130px;}
	div.bestSeller h1 {color:#414141; font-size:16px; margin:5px 0;}
	div.bestSeller div.bsCell {float:left; padding-right:10px;}
	div.bestSeller div.last {padding-right:0;}
		div.bestSeller div.bsCell h5 {text-transform:uppercase; color:#818181; font-size:12px; margin-bottom:5px;}
		div.bestSeller div.bsCell p {color:#f47d1f; font-weight:bold; font-size:16px;}
		div.bestSeller select#bsSelect {width:75px; padding-left:5px; height:17px; background:url(../images/bsQuantity_bg.jpg) left top no-repeat; border:none;}
		div.bestSeller input#bsQuantity {width:65px; padding: 2px 5px; color: #646464; font-size: 11px; height:13px; background:url(../images/bsQuantity_bg.jpg) left top no-repeat;}
		div.bestSeller input#bsAddToCart {width:60px; background:url(../images/bsAddToCart.jpg) left top no-repeat; height:17px; cursor:pointer;}
		
div.footer {background:url(../images/footerTop_bg.jpg) left top no-repeat #eeeeee; padding:20px 10px 0 10px; margin-top:30px; color:#878787; overflow: hidden;}
div.footer div.service {float:left;}
	div.service h1 {text-transform:uppercase; font-size:18px; line-height:14px;}
	div.service h1 span {color:#0190ff; font-size:15px; padding-left:40px;}
	div.service ul {padding-top:20px;}
	div.service li {height:12px; background:url(../images/customerServiceList_bg.jpg) left center no-repeat; padding:3px 0 5px 22px;}
		div.service li a {color:#949494; font-weight:bold;}
		div.service li a:hover {color:#666666;}
		
div.footer div.events {float:left; padding-left:40px;}
	div.events h1 {text-transform:uppercase; font-size:18px; line-height:14px;}
	div.events h1 span {color:#ff8a01; font-size:15px; padding-left:40px;}
	div.events p.timer {font-size:12px; font-weight:bold; padding:10px 0;}
		div.events p.timer span {color:#0190ff; font-size:15px;}
		div.events h2 {font-size:15px;}
	div.events p.alsoSee {padding:5px 0; font-weight:bold;}
	div.events ul {padding:5px 0 10px;}
		div.events li a {text-decoration:none;}
	div.events a {color:#878787; font-weight:bold; text-decoration:underline;}
	div.events a:hover {color:#666666;}
	
div.footer div.news_checkusout {float:left; padding-left:40px; width:245px;}
	div.news_checkusout h1 {font-size:30px; font-weight:normal; margin-bottom:14px; line-height:28px;}
	div.news_checkusout p {background:url(../images/subscribe_arrow.jpg) left 4px no-repeat; margin:5px 0 0 10px; padding:0 0 15px 15px;}
	div.news_checkusout a.facebook,
	div.news_checkusout a.twitter,
	div.news_checkusout a.digg,
	div.news_checkusout a.amazon {display:block; float:left; margin-right:8px; height:38px;}
	div.news_checkusout a.facebook {background:url(../images/facebook_icon.jpg) left 5px no-repeat; width:30px;}
	div.news_checkusout a.twitter {background:url(../images/twitter_icon.jpg) left top no-repeat; width:51px;}
	div.news_checkusout a.digg {background:url(../images/digg_icon.jpg) left 5px no-repeat; width:30px;}
	div.news_checkusout a.amazon {background:url(../images/amazon_icon.jpg) left 5px no-repeat; width:30px;}
	
	div.news_checkusout form strong {display:block; float:left; background:url(../images/searcTxt.png) left top no-repeat; width:185px; height:26px; padding:7px 5px 0 10px; overflow:hidden; font-weight:normal;}
		div.news_checkusout form strong input {border:none; height:22px; width:185px; font-size:18px; color:#b3b3b3; background:none;}
	div.news_checkusout form span {display:block; float:left; background:url(../images/newsletterBtn.png) left top no-repeat; width:45px; height:33px; overflow:hidden;}
		div.news_checkusout form span input {border:none; background:none; cursor:pointer; width:45px; height:33px;}
		
div.footer div.info {float:left; padding-left:40px;}
	div.info h1 {font-size:30px; font-weight:normal; margin-bottom:14px; line-height:28px;}
	div.info li {padding-left:90px; background-position:left top; background-repeat:no-repeat; font-weight:bold; height:37px; padding-bottom:25px;}
	div.info li.contact {background-image:url(../images/contact_bg.jpg);}
	div.info li.contact a span {letter-spacing:4.6px; font-size:16px;}
	div.info li.delivery {background-image:url(../images/delivery_bg.jpg); height:25px; padding-top:12px;}
	div.info li.paymentOptions {background-image:url(../images/payment_bg.jpg); height:25px; padding-top:12px;}
	div.info a {color:#545454;font-size:15px;}
	div.info a:hover {color:#717171;}
    
    div.copyrightBar {background: silver; padding: 10px; width: 100%; margin-left: -10px;}
    div.copyrightBar div.copyRight {float: left; color: #e1e1e1;}
    div.copyrightBar ul.links {float: right;}
        div.copyrightBar ul.links li.lst {float: right; padding: 0 5px;}
        div.copyrightBar ul.links a {color: #fff;}
        div.copyrightBar ul.links a:hover {text-decoration: underline;}
/* -------------
 * Selects
 * ------------- */
.jNiceSelectWrapper {
	width: 75px;
	position:relative;
	height: 17px;
	border: none !important;
}

.jNiceSelectWrapper div span {
	float: none;
	position: absolute;
	width: 50px;
	height: 15px;
	background:url(../images/selectBg_lil.png) no-repeat left top;
	font: 11px/11px Arial, Helvetica, sans-serif;
	color: #646464;
	padding: 2px 3px 0 8px;
	overflow: hidden;
	border: none !important;
}

.jNiceSelectWrapper div a {
	display: block;
	position: absolute;
	right: 0px;
	width: 14px;
	border: none;
	height: 17px;
	background:url(../images/select_arrow.jpg) no-repeat center center;
}

.jNiceSelectWrapper ul {
	position: absolute;
	width: 75px;
	top: 17px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	display: none;
	margin: 0px;
	padding: 0px;
	border: 1px solid #eaeaea;
	overflow: auto;
	overflow-y: auto;
	z-index:100;
}

.jNiceSelectWrapper ul li { width: auto !important; }


.jNiceSelectWrapper ul a {
	display: block;
	padding: 7px 7px;
	text-decoration: none;
	color: #9b9b9b;
	font: 11px/11px Arial, Helvetica, sans-serif;
	background-color: #FFF;
}

.jNiceSelectWrapper ul a:hover { background:#f6f6f6; }
.jNiceSelectWrapper ul a.selected { background: #f0f7fa; color: #c66653; }

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jNiceHidden {display: none;}


ul.categories-main {width:900px; margin: 0 auto;}
    ul.categories-main li.categElement {float: left; width: 150px; overflow: hidden; margin-bottom: 20px;}


div.contentHeader {padding-top: 10px;}
    div.contentHeader div.logo {background:url(../images/logo.png) left top no-repeat; width: 300px; height: 120px; float: left; overflow: hidden;}
    div.contentHeader div.search {float: left; padding-top: 30px;}
    
div.textLeft {background:url(../images/inputLeft.png) left top no-repeat; padding-left: 10px;}
div.textRight {background:url(../images/inputRight.png) right top no-repeat; width: 10px; height:22px; float: left; ;}
div.textInpt {background:url(../images/inputCenter.png) left top repeat-x; float: left;}
div.textInpt input {height: 18px; margin:2px 0; background: #f3f3f3;}

div.textArea {}
    div.textArea textarea {width: 100%; margin: 0; padding: 0; border: none; background: #F8F8F8;}
    div.textArea table {width: 500px;}
    div.textArea td.topLeft {background:url(../images/textareaLeftTop.png) left top no-repeat; width: 10px; overflow: hidden;}
    div.textArea td.topright {background:url(../images/textareaRightTop.png) right top no-repeat; padding: 10px 10px 0 0;}
    div.textArea td.bottomLeft {background:url(../images/textareaLeftBottom.png) left top no-repeat; width: 10px; height: 10px; overflow: hidden;}
    div.textArea td.bottomRight {background:url(../images/textareaRightBottom.png) right top no-repeat; height: 10px; overflow: hidden;}

/* Product details */    
div.prodDetails {}
	div.prodDetails h1 {font-size:18px; margin-bottom:5px;}
	div.prodDetails ul.subcateg {float:left; padding-left:5px; width:180px;}
		div.prodDetails ul.subcateg li {border-bottom:dashed 1px #c8c8c8; font-size:15px; color:#757575; padding:5px 0;}
		div.prodDetails ul.subcateg li.title {border:none;}
			div.prodDetails ul.subcateg li a {color:#757575;}
			
	div.prodDetails div.details {float:left; padding-left:75px; width:730px; padding-top:5px;}
	div.prodDetails div.details div.prodImg {float:left; width:200px; height:320px; overflow:hidden;}
	div.prodDetails div.details div.accesories {float:left; padding-left:20px; padding-top:10px; width:510px;}
	div.prodDetails div.details div.accesories a img,
	div.prodDetails div.details div.related a img {width:90px; height:110px; border:solid 1px #d7d7d7; background:#000;}
	div.prodDetails div.details div.accesories a:hover img ,
	div.prodDetails div.details div.related a:hover img{border:solid 1px #a9a9a9;}
	div.prodDetails div.details div.accesories ul,
	div.prodDetails div.details div.related ul {padding-top:10px;}
	div.prodDetails div.details div.accesories li.listEl,
	div.prodDetails div.details div.related li.listEl {float:left; padding-right:3px; width:90px; height:110px; overflow:hidden;} 
	div.prodDetails div.details div.related {float:left; padding-top:10px; padding-left:20px; width:510px;}
	
	div.prodBuyOption h1 {color:#414141; font-size:16px; margin:5px 0;}
	div.prodBuyOption div.bsCell {float:left; padding-right:10px;}
	div.prodBuyOption div.last {padding-right:0;}
		div.prodBuyOption div.bsCell h5 {text-transform:uppercase; color:#818181; font-size:12px; margin-bottom:5px;}
		div.prodBuyOption div.bsCell p {color:#f47d1f; font-weight:bold; font-size:16px; padding: 0;}
		div.prodBuyOption select#bsSelect {width:75px; padding-left:5px; height:17px; background:url(../images/bsQuantity_bg.jpg) left top no-repeat; border:none;}
		div.prodBuyOption input#bsQuantity {width:65px; height:13px; padding:2px 5px; background:url(../images/bsQuantity_bg.jpg) left top no-repeat;}
		div.prodBuyOption div.ok {width:40px; height:42px; background:url(../images/addOK.jpg) left top no-repeat;}
        div.prodBuyOption div.notok {width:40px; height:42px; background:url(../images/x.png) left top no-repeat;}
		div.prodBuyOption input#bsAddToCart {width:56px; height:42px; background:url(../images/addToCart.jpg) left top no-repeat; cursor:pointer;}
		
	div.prodDetails div.description {float:left; width:475px; padding-top:10px; color:#545454;}
	div.prodDetails div.description p {padding-bottom:5px;}
	div.prodDetails ul.options {float:left; width:240px; padding-top:10px; padding-left:15px;}
	div.prodDetails ul.options a {background:left top no-repeat; display:block; padding:15px 0 20px 90px; font-size:15px; color:#545454;}
	div.prodDetails ul.options a.addToWishlist {background-image:url(../images/addToWhislist.jpg);}
	div.prodDetails ul.options a.mailFriend {background-image:url(../images/mailFriend.jpg);}
	
	div.prodDetails div.bookmarkShare {float:left; width:200px; height:20px; padding-bottom:10px;}
	div.prodDetails a.sizeGuide {color:#0190ff; text-decoration:underline; display:block; float:left;}
    
 /* --- SEARCH PAGE -- */
 div.searchResultsPage {}
	div.searchResultsPage h1 {font-size:18px; margin-bottom:25px;}
	div.searchResultsPage div.filters {float:left; padding-left:5px; width:180px;}
		div.searchResultsPage div.filters ul.filter {padding:3px 0 7px 0; border-bottom:solid 1px #cccccc; margin-bottom:7px;}
			div.searchResultsPage div.filters ul.filter h2 {font-size:14px; color:#333333;}
			div.searchResultsPage div.filters ul.filter a {color:#666666;}
	
	div.searchResultsPage div.results {float:left; padding-left:75px; width:730px;}
		div.searchResultsPage div.results li.firstThree {width:228px; padding:5px; border:solid 1px #c4c4c4; background:#FFF; float:left; margin-right:5px; margin-bottom:7px;}
		
			div.searchResultsPage div.results li.firstThree h1 {font-size:13px; color:#333333; margin:0;}
			div.searchResultsPage div.results li.firstThree div.img {width:228px; height:290px; overflow:hidden; text-align:center;}
				div.searchResultsPage div.results li.firstThree div.img a img {border:none;}
				div.searchResultsPage div.results li.firstThree div.img ul.accesories {position:relative; top:-289px; float:right;}
					div.searchResultsPage div.results li.firstThree div.img ul.accesories a img {border:solid 1px #c4c4c4;}
					div.searchResultsPage div.results li.firstThree div.img ul.accesories a:hover img {border:solid 1px #a6a6a6;}
			div.searchResultsPage div.results li.firstThree a.details {background:url(../images/deatilsArrow.jpg) left center no-repeat; padding-left:18px; color:#878787;}
			div.searchResultsPage div.results li.firstThree ul.accesoriesCheckList {background:#f5f5f5; margin:3px auto; width:170px; padding:10px; overflow:hidden; margin-bottom:10px;}
			div.searchResultsPage div.results li.firstThree ul.accesoriesCheckList input  {float:left; width:25px; margin-top:3px;}
			div.searchResultsPage div.results li.firstThree ul.accesoriesCheckList label {float:left; width:140px; display:block;}
			div.searchResultsPage div.results li.firstThree ul.accesoriesCheckList label strong {color:#da251c;}
			div.searchResultsPage div.results li.firstThree input.add {background:url(../images/addToCartFromSearch.jpg) left top no-repeat; width:71px; height:22px; overflow:hidden; float:left; margin-top:3px; margin-left:20px;}
			div.searchResultsPage div.results li.firstThree div.categLogo {float:right; margin-right:20px;}
			
			div.searchResultsPage div.results li.resultsRest {float:left; text-align:center; margin:0 6px 5px 0;}
				div.searchResultsPage div.results li.resultsRest a img {border:solid 1px #c4c4c4;}
				div.searchResultsPage div.results li.resultsRest a.name {color:#000000;}
				div.searchResultsPage div.results li.resultsRest a.pret {color:#676767;}
		div.searchResultsPage div.results li.last {margin-right:0;}

/* --- products listing --- */        
div.toolbar {background: #F7F7F7; padding: 10px; margin: 10px 0;}
    div.toolbar div.pager {float: left; width: 500px;}
        div.toolbar div.pager div.lft {float: left;}
        div.toolbar div.pager div.pages {float:right;}
            div.toolbar div.pager div.pages strong {float: left; display: block;}
            div.toolbar div.pager div.pages ol {float: left; margin-left: 5px;}
                div.toolbar div.pager div.pages ol li {float: left; padding: 0 3px;}
                div.toolbar div.pager div.pages ol li.current {color: #222;}
                    div.toolbar div.pager div.pages ol li a {color: #aaa;}
                    div.toolbar div.pager div.pages ol li a:hover {color: #222;}
    div.toolbar div.sorter {float: right;}
        div.toolbar div.sorter div.sort-by label {float: left; margin-right: 5px;}
        div.toolbar div.sorter div.sort-by div.sortBySel {float: left;}
            div.sortBySel .jNiceSelectWrapper {width: 100px;}
                div.sortBySel .jNiceSelectWrapper div span {width: 75px;}
                div.sortBySel .jNiceSelectWrapper ul {width: 100px;}
        div.toolbar div.sorter div.sort-by a.arr {display: block; float: left; margin-left: 3px;}
        div.toolbar div.limiter div.elPerPageSel {float: left; margin:0 5px;}
        div.toolbar div.limiter label {float: left;}
        
        
.catalog-listing li.item {float: left; width: 160px; padding: 3px;}
    .catalog-listing li.item p.product-image a img {border: solid 1px #c4c4c4;}
    .catalog-listing li.item h5 {text-align: center; height: 22px;}
        .catalog-listing li.item h5 a {color: #000;}
    .catalog-listing li.item div.price-box {text-align: center;}
        .catalog-listing li.item div.price-box .regular-price {color:#676767;}
    .catalog-listing li.item div.addtoBoth {background: url(../images/addtoBoth.png) left top repeat; padding: 3px; position: relative; top: -67px;}
        .catalog-listing li.item div.addtoBoth a {color: #fff; display: block; float: right; padding-top: 3px;}
        .catalog-listing li.item div.addtoBoth button {background: none; border: none; float: left; margin: 0; padding: 0; height: 14px; cursor: pointer;}
            .catalog-listing li.item div.addtoBoth button span {color: #fff; font-size: 11px; font-family: Arial;}
li.success-msg {background: url(../images/successIcon.png) left top no-repeat; padding:2px 0 2px 30px; font-size: 14px; margin-bottom: 10px;}

a.link-rss {background: url(../images/rss.png) left center no-repeat; display: block; padding: 5px 0 5px 30px; margin-bottom: 10px; color: #666666; width: 120px;}

div.page-title {padding-top: 10px;}

.col-1 {float: left;}
.new-users {width: 40%;}
.col-2 {float: right;}
.registered-users {width: 40%;}

.content p {padding: 5px 0;}

legend {margin-bottom: 10px;}

.form-list li,.group-select li {padding-bottom: 10px;}

a {color: #666666;}

li.error-msg {background: url(../images/errorIcon.png) left top no-repeat; padding:2px 0 2px 30px; font-size: 14px; margin-bottom: 10px; color:#b60000; margin: 5px 0;}

#shopping-cart-table {width: 100%;}
#shopping-cart-table div.textInpt input {width: 10px;}

fieldset.personalInfo {background: url(../images/registerPersonalInfo.jpg) left center no-repeat; padding: 0 0 0 200px; margin-top: 30px;}
fieldset.loginInfo {background: url(../images/registerLoginInfo.jpg) left center no-repeat; padding: 0 0 0 200px; margin-top: 50px;}
.name-firstname,.name-middlename,.name-lastname,.dob-day,.dob-month,.dob-year {float: left; margin-right: 10px;}
.customer-dob label {display: block;}
.taxvat, .regEmail {margin-right: 10px; float: left;}
.XSF {background: url(../images/registerXSF.jpg) left center no-repeat; padding: 55px 0 55px 200px; margin-top: 50px;}

.discount {float: left;}
    .discount h3 {float: left; font-size: 18px; margin-right: 10px; margin-top: 5px; font-weight: normal;}
.checkout-types {float: left;}
.continue-shopping {float: left;}
#discount-coupon-form {float: left;}
.checkout-types button {background: url(../images/cartCheckout.png) left center no-repeat; border: none; padding-left: 35px; height: 35px; font-size: 18px; margin-left: 10px; cursor: pointer;}
button.continue-shopping {background: url(../images/cartContinueShopping.png) left center no-repeat; border: none; padding-left: 35px; height: 35px; font-size: 18px; margin-left: 10px; color: #696969; cursor: pointer;}