/*
Theme Name: A4 Clothing
Author: Something Massive
Theme URI: http://www.somethingmassive.com
*/

/*
RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; height:100%; }
html, body							{ height: 100%; }
ul									{ list-style: none; }
ol									{ list-style: none; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
UTILITY
*/

.floatLeft							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.smpad								{ padding: 5px 0; }
.top								{vertical-align: top;}
.small								{font-size: 10px; line-height: 1.6em;}
.bold								{font-weight: bold;}
.nudge-right						{padding-right: 5px;}
.black {color: #353535;}
.red {color: #f7261d;}
.large	{font-size: 46px;}

/*
STRUCTURE
*/

body {font: 14px Arial, sans-serif; color: #353535; text-align: center; background-color: #f9f9f9; margin: 0; padding: 0;}
#container {margin: 0 auto; text-align:left; width:980px; padding: 0 23px;}
.content {padding-bottom: 40px;}
.header {padding: 12px 0 28px 0;}
.navigation {width: 982px; height: 42px; background-image: url(images/nav-bg.jpg); background-repeat: no-repeat; margin: 10px 0 0 0;}
.main-nav li {float: left; font-weight: bold; text-transform: uppercase; font-size: 12px; width: 140px; text-align: center; color: #505050; line-height: 42px; position: relative; z-index: 9;}
.main-nav li a {color: #505050;}
.main-nav li:hover {background-image: url(images/nav-hover.jpg); background-color: #ce0000; background-repeat: repeat-x; color: #ffffff;}
.main-nav li:hover a {color: #ffffff;}
.sub-menu {padding: 0px 0 10px 0; position: absolute; z-index: 9; top: 42px; left: 0;}
.sub-menu li {float: none; text-transform: none; background-color: #ce0000; text-align: left; line-height: 28px; position: relative; margin-bottom: 0px; padding-left: 5px; color: #fff; width: 135px;}
.sub-menu li a {color: #fff;}
.sub-menu li:hover {background-color: #3f3f3f; background-image: none;}
.page p {margin-bottom: 20px; font-size:12px; line-height: 18px;}
.sub-cats {position: absolute; width: 140px; left: 140px; top: 0;}
.sub-cats li {background-color: #3f3f3f !important; background-image: none;}
.sub-cats li a:hover {text-decoration: underline;}

table.size-table {font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 20px 0;} 
.size-table td {border-top: 1px solid #ff0000; margin:0; padding:5px; text-align:center;}
.size-table th {color: #FF0000; font-weight: bold; border-bottom:1px solid #ff0000; text-align: center;}
td.product {text-align:right;}


/*
HOME
*/
.main-carousel {background-image: url(images/carousel-bg.jpg); width: 924px; height: 356px; overflow: hidden; padding: 5px 30px; position: relative;}
#rotate {position: absolute; left: 520px; top: 5px; z-index: 1;}
.welcome-message {position: absolute; left: 30px; top:50px; color: #989898; font-size: 28px; width: 450px; }
.home-boxes {font-size: 12px; color: #595959; margin: 40px 0 40px 5px; line-height: 18px;}
.home-boxes h3 {font-size: 20px; color: #f7261d; border-bottom: 1px solid #f7261d; padding-bottom: 5px;}
.home-boxes li {width: 205px; float: left; border-right: 1px solid #e2e2e2; height: 205px; margin: 0 25px 30px 0; padding-right: 25px;}
.home-boxes .stop {padding-right:0px; margin-right:0px; border-right:none;}


/*
PRODUCT
*/
.product {margin-bottom: 30px;}
h2 {font-size: 24px; border-bottom: 1px solid #353535;}
h3 {font-size: 18px; margin-bottom: 3px;}
h4 {font-size: 15px; margin-bottom: 3px;}
h5 {text-transform: uppercase; font-size: 16px;}
.page h4 {font-size: 13px;}
.page h3 {margin-bottom: 25px;}
.product-details {width: 615px; float: left; line-height: 18px;}
.product-details p {margin-bottom: 25px;}
.category-children {float: right; margin-top: 11px; border-bottom: 2px solid #f7261d;}
.category-children li {float: left; background-color: #969696; padding: 3px 10px; margin-right:1px; font-size: 11px; text-transform: uppercase; font-weight: bold;}
.current-cat {background-color: #f7261d !important;}
.current-cat a {color: #fff !important;}
.category-children li:hover {background-color: #f7261d;}
.category-children li:hover a {color: #fff;}
.category-children li:last-child {margin-right: 0px;}
.category-children li a {color: #fff;}
.breadcrumb {font-size: 11px; font-weight: bold; margin: 20px 0;}
.breadcrumb a {color: #f7261d;}
.breadcrumb a:hover {text-decoration: underline;}
.product-images img {border: 1px solid #353535;}
.product-images {float: left; width: 300px; margin-right: 20px; color: #969696; font-size: 11px; text-transform: uppercase; font-weight: bold;}
.thumbnails li {float: left; margin-right: 5px;}
.thumbnails li {}
.colors {width: 300px;}
.colors li {float: left; margin-right: 5px;}
.related-thumbs img {border: 1px solid #353535;}
.related-thumbs li {text-align: center; font-size: 11px; width: 60px; float: left; margin-right: 5px; font-weight: bold;}
.related-thumbs a {color: #f7261d;}
.product-details ul {list-style: disc; list-style-position: inside;}
ul.colors {list-style:  none;}

/*
CATEGORY
*/
.product-category {margin-bottom: 30px;}
.product-list li {width: 160px; float: left; margin: 0 32px; font-weight: bold; font-size: 11px; color: #f7261d; height: 320px; position: relative;}
.product-list .new-product {border: none !important; position: absolute; top: -25px; left: -25px;}
.product-list img {border: 1px solid #353535; margin-bottom: 5px;}
.product-list img:hover {border: 1px solid #f7261d;}
.product-list a {color: #353535;}
.product-list a:hover {text-decoration: underline;}
.product-list {float: left; width: 680px;}
.category-image {float: left; width: 300px; }


.cards {margin: 0 auto; width: 400px; clear: both; margin-bottom: 15px;}
.cards img {float: left; margin: 0 70px;}

html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

#main {padding-bottom: 30px;}  /* must be same height as the footer */

#footer {position: relative;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both; color: #979797;} 

#footer a {color: #979797;}
#footer a:hover {text-decoration: underline;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */