/*##################
##### SECTIONS #####
##################*/ 

.section
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 0px 0px 0px 0px;
	height                  : auto;
	height                  : auto;
}
.section.main
{
	width                   : 724px;	
	float                   : left;
}
.section.menu
{
	margin                  : 0px 40px 0px 0px;
	width                   : 210px;
	float                   : left;
}
.section.teasers
{
	margin                  : 20px 0px 20px 0px;
	width                   : 100%;
	height                  : auto;
}


.wrap
{
	margin                  : 0px;
	padding                 : 0px;
	width                   : 46%;
	height                  : auto;
	float                   : left;
	display                 : block;
	position                : relative;
	color                   : #333;
}
.wrap.spacer
{
	width                   : 8%;
}



/*################
##### PANELS #####
################*/ 

/* PANEL */
.panel
{
	margin					: 0px 0px 20px 0px;
	padding					: 0px;
	height					: auto;
	position                : relative;
}
.panel-title
{
	margin					: 0;
	padding					: 0px 0px 0px 35px;
	border-top-left-radius			: 6px;
	border-top-right-radius		    : 6px;
	-webkit-border-top-left-radius	: 6px;
	-webkit-border-top-right-radius : 6px;
	-moz-border-radius-topleft		: 6px;
	-moz-border-radius-topright	    : 6px;
	height					: 34px;
	border-bottom           : 1px solid #FFF;
	background-color    	: #565656;
	position                : relative;
	color                   : #FFF;
	font-size               : 16px;
	line-height             : 2.1em;
}
.panel-content
{
	margin					: 0px;
	padding					: 5px 10px;
	border-bottom-left-radius			: 6px;
	border-bottom-right-radius		    : 6px;
	-webkit-border-bottom-left-radius	: 6px;
	-webkit-border-bottom-right-radius  : 6px;
	-moz-border-radius-bottomleft		: 6px;
	-moz-border-radius-bottomright	    : 6px;
	height					: auto;
	background-color    	: #dddcda;
	color                   : #333;
	font-size               : 14px;
	line-height             : 1.3em;
	position                : relative;
}
/*
.panel-content a
{
	color                   : #444 !important;
}
.panel-content a:hover
{
	color                   : #222 !important;
}
*/

/* PANEL: HEADER BASKET */
.panel.basket
{
	margin					: 25px 0px 0px 0px;
	padding					: 0px;
	position                : absolute;
	width                   : 220px;
	top                     : 0;
	right                   : 0;	
}
.panel-title.basket
{
	background				: #565656 url('/content/images/icons/basket.png') 4px 6px no-repeat;
}
.panel-content.basket span
{
	font-weight             : bold;
	float                   : right;
}



/* PANEL: CATEGORIES */
.panel.categories
{
	margin					: 0px 0px 15px 0px;
	padding					: 0px;
	width                   : 220px;	
}
.panel-title.categories
{
	background				: #565656 url('/content/images/icons/categories.png') 4px 6px no-repeat;
}

/* PANEL: TWEETS */
.panel.tweets
{
	margin					: 0px 0px 15px 0px;
	padding					: 0px;
	width                   : 220px;	
}
.panel-title.tweets
{
	background				: #565656 url('/content/images/icons/tweet.png') 4px 6px no-repeat;
}

/* PANEL: NEWSLETTER */
.panel.newsletter
{
	margin					: 0px 0px 15px 0px;
	padding					: 0px;
	width                   : 220px;	
}
.panel-title.newsletter
{
	background				: #565656 url('/content/images/icons/newsletter.png') 4px 6px no-repeat;
}


/* PANEL: FEATURED */
.panel.featured
{
	margin					: 0px 0px 15px 0px;
	padding					: 0px;
	width                   : 720px;	
}
.panel-title.featured
{
	background				: #565656 url('/content/images/icons/featured.png') 4px 6px no-repeat;
}
.panel-content.featured
{
	padding-right            : 0px;
	padding-bottom           : 0px
}


/* PANEL: PRODUCTS */
.panel.products
{
	margin					: 0px 0px 15px 0px;
	padding					: 0px;
	width                   : 720px;	
}
.panel-title.products
{
	background				: #565656 url('/content/images/icons/products.png') 4px 6px no-repeat;
}
.panel-content.products
{
	padding-right            : 0px;
	padding-bottom           : 0px
}


/* PANEL: POPULAR SEARCHES */
.panel.popular
{
	margin					: 0px;
	padding					: 0px;
	width                   : 720px;	
}
.panel-title.popular
{
	background				: #565656 url('/content/images/icons/popular.png') 4px 6px no-repeat;
}





/*##############
### PRODUCTS ###
##############*/ 

/* PRODUCT LIST */
#product-list ul
{
	margin 					: 0px;
	padding					: 10px 0px 10px 10px;
	display 				: block;
	list-style 				: none;
}
#product-list ul li
{
	display 				: inline;
	margin					: 0px 20px 20px 0px;
	padding					: 10px;
	font-size				: 14px;
	text-align				: center;
	color					: #333;
	display 				: block;
	float 					: left;
	text-decoration 		: none;
	width                   : 191px;
	height 					: 235px;
	background-color        : #dddcda;
	border                  : 1px solid #FFF;
	position                : relative
}

.product-image
{
	text-align				: center;
	margin					: 0px 0px 6px 0px;
}
.product-name
{
	font-size				: 14px;
	height                  : 40px;
	text-align				: center;
}
.product-price
{
	font-size				: 20px;
	text-align				: center;
	font-weight             : bold
}



/* PRODUCT PAGE */








/*######################
### POPULAR SEARCHES ###
######################*/ 

/* POPULAR SEARCHES */
.popular-searches
{
	margin 					: 0px 46px 0px 0px;
	padding					: 0px;
	float                   : left
}




/*################
##### TABLES #####
################*/ 

/* TABLES */ 
table
{
	margin					: 0px 0px 0px 0px;	
	padding					: 0px 0px 0px 0px;	
	width                   : 100%;
}
table th
{
	margin					: 0px 0px 0px 0px;	
	padding		 			: 10px 5px 10px 5px;
	background-color        : #EEE;
	line-height             : 1.4em;
}
table td
{
	margin					: 0px 0px 0px 0px;	
	padding		 			: 0px 0px 0px 0px;
	vertical-align          : top;
	line-height             : 1.4em;
}

/* TABLES: CONTACT */ 
table.contact
{
	margin					: 0px 0px 0px 0px;	
	padding					: 0px 0px 0px 0px;	
	width                   : 100%;
}
table.contact td
{
	margin					: 0px 0px 0px 0px;	
	padding		 			: 0px 10px 0px 0px;
	vertical-align          : top;
	line-height             : 1.4em;
}

table.contact td.divide
{
	margin					: 0px 0px 0px 5px;	
	padding		 			: 0px 5px 0px 0px;
	border-left             : 3px dotted #CCC
}



/* TABLES: BORDER */
table.border
{
	margin					: 15px 0px 15px 0px;	
	border                  : 1px solid #CDCDCD;
	border-right            : none;
}
table.border h1
{
	color                   : #333333;
    font-size               : 16px;
    font-weight             : normal;
    line-height             : 1.2em;
    margin                  : 0;
    padding                 : 0;
}
table.border th
{
	padding		 			: 10px 5px 10px 5px;
	border-right            : 1px solid #CDCDCD;
	border-bottom           : 1px solid #CDCDCD;
}

table.border td
{
	padding		 			: 5px 5px 5px 5px;
	border-right            : 1px solid #CDCDCD;
	border-bottom           : 1px solid #CDCDCD;
}
table.border td.center
{
	text-align              : center
}


/* TABLES: ADMIN AREA */
table.grid
{
	margin					: 20px 0px 20px 0px;	
	padding					: 0px 0px 0px 0px;	
	width                   : 100%;
	border                  : 1px solid #CCC;
}
table.grid td
{
	margin					: 0px 0px 0px 0px;	
	padding		 			: 5px 5px 5px 5px;
	vertical-align          : top;
}
table.grid td.light
{
	background              : #EFEFEF;
}
table.grid td.dark
{
	background              : #DEDEDE;
}

.captcha
{
	margin					: 20px 0px 20px 0px;	
	padding					: 0px 0px 0px 0px;	
	width                   : 400px;
}






/*#####################
##### FORM FIELDS #####
#####################*/ 

/* FORM */ 
.form
{
	margin					: 0px 0px 20px 0px;
	padding					: 0px;
}
.form span
{
	font-size				: 13px;
	/*color                   : #666;*/
}


/* FORM FIELDS */ 
.textField, 
.textArea, 
.ddField
{
	width					: 300px;
	height					: 25px;
	margin					: 0px 0px 5px 0px;
	padding					: 2px 5px 2px 5px;
	font-size				: 13px;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	background-color        : #FFF;
	border                  : none;
	color                   : #666;
	border                  : 1px solid #DDD;
	border-top              : 1px solid #BBB;
}
.textArea
{
	height					: 238px;
}
.ddField
{
	margin					: 0px 0px 0px 0px;
	padding					: 5px 5px 5px 0px;
	height					: 30px;
	width					: 312px;
}


/* FORM FIELDS: ALTERNATE */ 
.textField.short
{
	width					: 188px;
	height					: 26px;
	margin					: 5px 0px 0px 0px;
	padding					: 0px 5px 0px 5px;
	font-size				: 12px;
}
.ddField.short
{
	width					: 180px;
}

.textField.search
{
	width					: 200px;
	height					: 25px;
	margin					: 7px 0px 0px 7px;
	padding					: 0px 5px 0px 5px;
	font-size				: 11px;
	color                   : #666;
	border                  : 1px solid #897865;
}

.mandatory
{
	color                   : #888;
	font-size               : 11px;
}






/*#################
##### BUTTONS #####
#################*/ 

/* BUTTON MASTER */
.btn
{
	border-radius           : 5px;
    -webkit-border-radius   : 5px;
    -moz-border-radius      : 5px;
    color					: #FFF;
    display					: inline-block;
    margin					: 0;
    padding					: 0px 15px 0px 15px;
    line-height             : 28px;
    height                  : 28px;
    text-decoration			: none;
    border                  : none;
    text-align              : center;
    filter					: alpha(opacity=80);
	-khtml-opacity			: 0.8;
	-moz-opacity			: 0.8;
	opacity					: 0.8;
	font-size               : 14px !important;
	cursor					: pointer;
	text-shadow             : 0px 1px 2px rgba(0,0,0,0.8);
	transition				: all .2s ease-in-out;
	-webkit-transition		: all .2s ease-in-out;
	-moz-transition			: all .2s ease-in-out;
	-o-transition			: all .2s ease-in-out;	
	
	/* IE10 Consumer Preview */ 
	background-image		: -ms-linear-gradient(top, #635C63 0%, #2A262A 100%);	
	/* Mozilla Firefox */ 
	background-image		: -moz-linear-gradient(top, #635C63 0%, #2A262A 100%);	
	/* Opera */ 
	background-image		: -o-linear-gradient(top, #635C63 0%, #2A262A 100%);	
	/* Webkit (Safari/Chrome 10) */ 
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0, #635C63), color-stop(1, #2A262A));	
	/* Webkit (Chrome 11+) */ 
	background-image		: -webkit-linear-gradient(top, #635C63 0%, #2A262A 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image		: linear-gradient(to bottom, #635C63 0%, #2A262A 100%);
}

.btn:hover
{
	color					: #FFF;
    text-decoration			: none;
    filter					: alpha(opacity=100);
	-khtml-opacity			: 1.0;
	-moz-opacity			: 1.0;
	opacity					: 1.0;
}



/* BUTTON: READ MORE */
.btn.more
{
	margin					: 8px 0px 0px 0px;
}
/* BUTTON: REGISTER */
.btn.register
{
	margin					: 8px 0px 6px 0px;
	float                   : right;
}
/* BUTTON: FOLLOW */
.btn.follow
{
	margin					: 8px 0px 6px 0px;
	float                   : right;
}
/* BUTTON: VERIFY */
.btn.verify
{
	margin					: 2px 0px 0px 5px;
	float                   : left;
}
/* BUTTON: ADD TO BASKET */
.btn.basket
{
	margin					: 5px 0px 0px 0px;
}
/* BUTTON: SUBMIT */
.btn.submit
{
	margin					: 5px 0px 10px 0px;
}
/* BUTTON: SAVE */
.btn.save
{
	margin					: 5px 0px 10px 0px;
	float                   : right;
}
/* BUTTON: PROCEED */
.btn.proceed
{
	margin					: 5px 0px 10px 0px;
	float                   : right;
}
/* BUTTON: EDIT ORDER */
.btn.edit-order
{
	margin					: 8px 15px 0px 0px;
	float                   : right;
}
/* BUTTON: EDIT ACCOUNT */
.btn.edit-account
{
	margin					: 0px 10px 0px 0px;
	float                   : right;
}
/* BUTTON: LOGOUT */
.btn.logout
{
	float                   : right;
}


/* BUTTON: MORESHOPPING */
.btn.more-shopping
{
	margin					: 8px 30px 0px 30px;
	float                   : left;
	/* IE10 Consumer Preview */ 
	background-image		: -ms-linear-gradient(top, #FF9630 0%, #FF6D07 100%);	
	/* Mozilla Firefox */ 
	background-image		: -moz-linear-gradient(top, #FF9630 0%, #FF6D07 100%);	
	/* Opera */ 
	background-image		: -o-linear-gradient(top, #FF9630 0%, #FF6D07 100%);	
	/* Webkit (Safari/Chrome 10) */ 
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF9630), color-stop(1, #FF6D07));	
	/* Webkit (Chrome 11+) */ 
	background-image		: -webkit-linear-gradient(top, #FF9630 0%, #FF6D07 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image		: linear-gradient(to bottom, #FF9630 0%, #FF6D07 100%);	
}

/* BUTTON: CHECKOUT */
.btn.checkout
{
	margin					: 8px 30px 0px 0px;
	float                   : right;
	/* IE10 Consumer Preview */ 
	background-image		: -ms-linear-gradient(top, #FF9630 0%, #FF6D07 100%);	
	/* Mozilla Firefox */ 
	background-image		: -moz-linear-gradient(top, #FF9630 0%, #FF6D07 100%);	
	/* Opera */ 
	background-image		: -o-linear-gradient(top, #FF9630 0%, #FF6D07 100%);	
	/* Webkit (Safari/Chrome 10) */ 
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF9630), color-stop(1, #FF6D07));	
	/* Webkit (Chrome 11+) */ 
	background-image		: -webkit-linear-gradient(top, #FF9630 0%, #FF6D07 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image		: linear-gradient(to bottom, #FF9630 0%, #FF6D07 100%);	
}

/* BUTTON: SEARCH GO */
.btn.go
{
	background				: url('/content/images/buttons/btn-go.png') top left no-repeat;
	margin					: 8px 8px 0px 0px;
	width                   : 30px;
	height                  : 25px;
	float                   : right;
}
.btn.go span
{
	display                 : none;
}









/*##############
#### IMAGES ####
###############*/ 
	
.img
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 5px;
    border                  : 1px solid #CCC
}
.img.left
{
	margin                  : 10px 40px 20px 0px;
	float                   : left;
}
.img.right
{
	margin                  : 10px 0px 20px 40px;
	float                   : right;
}






/*##################
#### GOGGLE MAP ####
##################*/ 
	
.googleMap
{
	margin                  : 0px 0px 5px 0px;
	padding                 : 8px;
    border                  : 1px solid #CCC
}





/*################
### VALIDATION ###
################*/ 

/* VALIDATION */
.field-validation-error
{
    color                   : #ff0000;
    padding                 : 2px;
    font-size               : 90%;
}

.field-validation-valid
{
    display                 : none;
}

.input-validation-error
{
    border                  : 1px solid #ff0000 !important;
    background-color        : #ffeeee !important;
}

.validation-summary-errors ul
{
    margin                  : 10px 0px 30px 0px !important;
    padding                 : 10px 20px 10px 20px !important;
    background-color        : #FFD7D7;
    border-radius			: 8px;
	-webkit-border-radius	: 8px;
	-moz-border-radius		: 8px;  
	list-style              : none;
	
}

.validation-summary-errors li
{
    margin                  : 0px 0px 6px 0px !important;
    padding                 : 0px 0px 0px 20px !important;
    color                   : #FF3737 !important;
    font-size               : 14px;
    background				: url('/content/images/warning.png') 0px 4px no-repeat;
}

.validation-summary-valid
{
    display                 : none;
}




/*###################
#### BACK TO TOP ####
###################*/ 

#backtotop 
{
	cursor					: pointer;
	display					: none;
	margin 					: 0px 0px 0px 0px;
	position				: fixed;
	bottom					: 10px;
	right                   : 10px;
	font-size				: 90%;
	padding					: 10px;
	width					: 30px;
	text-align				: center;
	background-color		: #000;
	border-radius			: 8px;
	-webkit-border-radius	: 8px;
	-moz-border-radius		: 8px;
	filter					: alpha(opacity=40);
	-khtml-opacity			: 0.4;
	-moz-opacity			: 0.4;
	opacity					: 0.4;
	color					: #FFF;
	font-size				: 14px;
	z-index					: 1000;
}
#backtotop:hover
{
	filter					: alpha(opacity=80);
	-khtml-opacity			: 0.8;
	-moz-opacity			: 0.8;
	opacity					: 0.8;
}



/*###############
#### END FIX ####
###############*/ 

.end
{ 
	margin-right            : 0px !important;
}


/*#################
#### CLEAR FIX ####
#################*/ 

.clearfix
{ 
	display                 : block; 
	height                  : 0; 
	clear                   : both; 
	visibility              : hidden; 
}