/*---------- Common Elements ----------- */
@import url(/css/reset.css); /* RESET CSS */

body {margin: 0;padding: 0;text-align: center;background: #ffffff;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;color: #4c4c4c;}		
p {font-size:12px;padding: 0;margin-top: 0;margin-right: 0;margin-bottom: 1em;margin-left: 0;}
h1 { font-size: 24pt; font-weight:bold; margin:10px 0; }
h2 { font-size: 18pt; font-weight:bold; margin:10px 0;}
h3 { font-size: 16pt; font-weight:bold; color:#CC6600;}
h4 { font-size: 16px; font-weight:bold;}
.phone {font-size: 16px; color:red;}	
.red{color:red;}
.dropcap {float:left;font-size:100px;line-height:70px;padding-top:2px;}
.cl {clear:both; padding-top:10px;}
/* -header --------------------------- */

#header {overflow: hidden;width: 100%;background-color:#428cb6;height:150px;}		
#header_content {text-align: left;padding: 0;margin: 0 auto;width: 1000px;color: #000000;background: transparent;/*overflow: hidden;*/}
#header_content p{border:1px solid #F00;color:#1b1363;float:left;width: 250px; font-size:16px; text-transform:uppercase; font-weight:bold;}
.topadvertisement {float:right;margin-top:25px;width: 728px;}
.toplogo {width: 250px;background: url(/images/fitflops.png) no-repeat;float:left;}
.toplogo a{float:left;padding-left:130px;padding-top:70px;color:#ffffff;font-size:26px; text-transform:uppercase; font-weight:bold;height: 125px;width: 136px;text-decoration:none;}

/*--------- DROPDOWN NAVIGATION ----------*/

.wrapper {width: 980px;margin: 0 auto;}
#menutest {background: url('/images/nav-blend.gif') repeat-x;min-height: 40px;font-size: 12px;color: #999;text-align:center;}
.barmenu ul, .barmenu li {padding: 0; margin: 0; list-style: none; z-index:50 !important;}
.barmenu li { padding: 0; margin: 0; list-style: none;position:relative; float:left; }
.barmenu li.contact { background-color:#cf6e22; color: #ffffff;}
.barmenu li ul { position:absolute; visibility:hidden; top:40px;left:0;}
.barmenu :hover > ul { visibility: visible;} 
.barmenu a { display: block; width: auto; color: white; line-height: 40px;text-decoration: none; background: none; font-size:16px;text-align: left;padding: 0 15px;}
.barmenu a:hover { background-color:#cf6e22; color: #ffffff;height:40px;}
.barmenu li ul a { color: #5a6f25; background:#fafafa url('/images/footer-bg.png') repeat-x;font-size: 12px;font-weight: bold;width:232px;}
.barmenu li ul a:hover { color:#ffffff;}

/* -content --------------------------- */

#content {clear:both;margin: 0;padding: 0;}	
.content_wrapper {margin: 0 auto;padding-bottom: 10px;text-align: left;background-color:#FFFFFF;overflow: hidden;width: 980px;padding-top:25px;}	
#slider { -moz-box-shadow: 5px 5px 5px #ccc;-webkit-box-shadow: 5px 5px 5px #ccc;box-shadow: 5px 5px 5px #ccc;width: 960px; height:250px; position: relative;  overflow: hidden; /* important */ margin:0 auto 30px auto;}
#slider, #slider img, #slider ul{ width: 960px;height:250px; }
#slider li,#slider ul{ padding:0; margin:0; list-style: none;}
#slider ul { position: absolute;}
#slider .slide { float: left; position: relative; display: none; }
#slider .slide:first-child{ display: block; }
#content .textarea{clear:both;width:980px;float:left;display:inline;padding-left:15px;}
#content .main{width:610px;float:right;display:inline;padding-right:15px;}
#content .main p{font-size:16px;}
#content .main object {width:600px;margin:20px auto;-moz-box-shadow: 5px 5px 5px #ccc;-webkit-box-shadow: 5px 5px 5px #ccc;box-shadow: 5px 5px 5px #ccc;}
.cities {color:#87a63b;text-decoration:underline; font-size:12pt; margin-top:15px;}
#content .main ul{list-style-position: inside;margin-bottom:10px;}
#content .sidebar h2{font-size: 14pt; text-decoration:underline;}
#content .sidebar{width:300px;float:left;display:inline;padding-left:15px;}
#content .sidebar img{margin:0 auto !important;}
#content .sidebarbox, .sidebarbox2{width:300px;float:left;margin:5px 0;padding: 0 5px 5px 15px;display:inline;border:1px solid #ccc;-moz-box-shadow: 3px 3px 3px #ccc;-webkit-box-shadow: 3px 3px 3px #ccc;box-shadow: 3px 3px 3px #ccc;}
#content .sidebarbox ul{text-align:left;list-style-type: none;padding: 0px;margin: 0px;}
#content .sidebarbox2 ul{text-align:left;list-style-type: none;padding: 0px;margin: 0px;}
#content .sidebarbox2 li{background: url(/images/check.png) no-repeat left center;padding-left:35px;height:31px;font-size: 11pt;}
#content .sidebar ul li a{font-size: 11pt; color:#666; text-decoration:none;}
#content .sidebar ul li a:hover{font-size: 11pt; color:#2f5a91; text-decoration:none;}
figure{margin:0;padding:0;}
figcaption {display: none;}
figure:hover figcaption {display: block;-moz-box-shadow: 5px 5px 5px #ccc;-webkit-box-shadow: 5px 5px 5px #ccc;box-shadow: 5px 5px 5px #ccc; padding:5px;}
ficaption {opacity: 0;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-ms-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
figure:hover figcaption {opacity: 1;}
.alignleft{float:left;margin:10px 10px 10px 0;-moz-box-shadow: 5px 5px 5px #ccc;-webkit-box-shadow: 5px 5px 5px #ccc;box-shadow: 5px 5px 5px #ccc;}
.alignright{float:right;margin:10px 0 10px 10px;-moz-box-shadow: 5px 5px 5px #ccc;-webkit-box-shadow: 5px 5px 5px #ccc;box-shadow: 5px 5px 5px #ccc;}
#six ul{width:600px;margin-bottom:20px;overflow:hidden;}
#six li{line-height:1.5em;float:left;display:inline;}
#six li     { width:16.666%; } /* 6 col */
.products{margin-bottom:10px;}
.products a.thumb {display:block;height:144px;width:125px;text-align:center;}
.products li{float:left;width:135px;list-style:none;text-align:center;line-height: normal;}
.products li a.thumb{display:block;width:125px;height:144px;text-align:center;padding-top:21px;margin-bottom:3px;}
.products li a.thumb img:hover{border:1px solid #f68728 !important;}
.products li a.thumb img{border:1px solid #cbcbcb;}
.products li p{padding:0px;margin:0px;font-size:14px;}
.products li a{color:#4f4f4f;text-decoration:none;font-size:14px;}
.price span{color:#3b7ea4;}
/* -footer --------------------------- */
		
#footer {background:#b9dff4 url('/images/footer-bg.png') repeat-x;overflow: hidden;width: 100%;}	
#footer_content {margin: 0 auto;margin-bottom: 10px;text-align: center;overflow: hidden;width: 980px;color: #333;padding-top:15px;}
#footer_content a{color: #333;font-weight:bold;}

/* Styles for the contact form. */

form {
    margin: 0 0 0 20px;
}


form p {
    margin: 0 0 5px 0;
}

.formbox {
    width: 250px;
}

fieldset {
	width: 540px;
	margin: 20px 0px 0px 0px;
	padding: 10px 20px 0 20px;
    border: none;
}

/* Setting display to block forces the label for each form element onto a line of its own. */

label {
    font-weight: bold;
	padding: 10px 0px 3px 0px;
    color: #036;
    display: block;
}

/* This needs to be overridden for the subscribe and interests labels, so display is reset to inline. */

#subscribe label, #interests label {
    display: inline;
    padding: 0 20px 0 3px;
}

#interests div {
    float: left;
}

/* The warning class makes the error messages on the feedback form bold and red. */

.warning {
    font-weight: bold;
    color: #f00;
}
#two_col_col1 {
	float: left;
	width: 580px;
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: #FFF;
}