/*Css By Synergy Networks
			  Fort Myers FL, 33907
			  239-790-7000
*/

img {
	border: none;
}

body {
	background-image: url(../exportmedia/bg.gif);
	background-repeat: repeat-y;
}


h1, h1 a, h1 a:active, h1 a:hover {
	font-size: 16px;
	color: #22b9bb;
	font-family: Tahoma;
}

h2 {
	font-size: 14px;
	color: #7a7a7a;
	font-family: Tahoma;
}

p {
	font-size: 12px;
	font-family: Tahoma;
	color: #5d5d5d;
	margin: 1%;
	
}

p a {
	font-size: 12px;
	font-family: Tahoma;
	color: #5d5d5d;
	margin: 1%;
	
}

p ul li, p ul li a {
	color: font-size: 12px;
	font-family: Tahoma;
	color: #5d5d5d;
}

p ul li a, p ul li a:active, p ul li a:hover  {
	color: font-size: 12px;
	font-family: Tahoma;
	color: #51beb8;
	
}

h3 {
	font-size: 14px;
	font-weight: 600;
	font-family: tahoma;
	color: #4b4b4b;
	margin: 1%;
}

table tr td, table, tr, td, td a, td a:active, td a:hover {
	font-size: 12px;
	font-family: Tahoma;
	color: #5d5d5d;
}


hr {
	
	color: #6a6a6a;
	border: 1px solid #6a6a6a;
	float: left;
	position: relative;
	width: 99%;
	margin: 1%;

}

#checkout table {
	border: 1px solid #ababab;
}

#container {
	position: relative;
	width: 988px;
	height: auto;
	margin: auto;
}
#header {
	float: left;
	width: 99%;
	height: auto;
	position: relative;
	margin-bottom: 6px;

}

.error {
	color: red;
	font-family: tahoma;
	font-size: 13px;
	font-weight: 500;
	width: 97%;
	border: 1px solid #ff554f;
	margin: 2%;
	background-color: #fcd1d0;
	float: left;
	position: relative;
	

}

.errorInput {
	border: 2px solid #fd4040;
	background-color: #ffe7e7;
}

#logo {
	float: left;
	width: 151px;
	height: 129px;
	position: relative;
}
#the_fit {
	float: left;
	width: 495px;
	position: relative;
	margin-left: 10px;
	margin-top: 30px;
	margin-right: 0;
	
}

#cartsearch {
	float: left;
	width: 275px;
	height: auto;
	margin-left: 0;
	margin-top: 9px;
	
}
#cart {
	float: left;
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 72px;
}

#search {
	float: left;
	position: relative;
	width: 100%;
	height: auto;
}

#search_input {
	background-image: url(../exportmedia/input.gif);
	background-repeat: no-repeat;
	border: none;
	background-color: none;
	width: 180px;
	height: 27px;
	font-family: tahoma;
	color: #5e5e5e;
	float: left;
}
#search_submit {
	float: left;
	height: 27px;
}




#cartsearch a {
	color: #01abab;
	text-decoration: none;
	font-size: 12px;
	font-family: tahoma;
}

#nav {
	float: left;
	width: 980px;
	height: auto;
	position: relative;
	z-index: 2;
	
}


#designers,
#categories,
#coverups,
#store_locations,
#smart_size {
	height: 45px;
	width: 194px;
	float: left;
	position: relative;
	margin: 1px;
}


#designers a,
#categories a,
#coverups a,
#store_locations a,
#smart_size a {
	width: 100%;
	height: 100%;
	display: block;
	background-repeat: no-repeat;
}


#designers a {
	background-image: url(../exportmedia/designers.gif);
}
#categories a {
	background-image: url(../exportmedia/categories.gif);
}
#coverups a {
	background-image: url(../exportmedia/coverups.gif);
}
#store_locations a {
	background-image: url(../exportmedia/store_locations.gif);
}
#smart_size a {
	background-image: url(../exportmedia/smart_size.gif);
}



.frontButton {
	float: left;
	position: relative;
	width: 243px;
	height: auto;
	margin: 1px;
}

.featured_box {
	float: left;
	position: relative;
	width: 225px;
	height: 80px;
	margin-top: 3px;
	
}


#slide_show {
	float: left;
	position: relative;
	width: 981px;
	height: 450px;
	margin-top: 3px;
}

#slides {
	width: 749px;
	position: relative;
	float: left;
	height: 451px;

	
}

#side  {
	position: relative;
	float: left;
	height: 450px;
	width: 225px;
	margin-left: 7px;
	
}

#main_ad {
	width: 225px;
	float: left;
	height: 287px;
	position: relative;

}

#button_one {
	float: left;
	height: 70px;
	width: 225px;
	positon: relative;
	background-color: #e3cbcb;
	margin-top: 3px;
}
#button_two {
	float: left;
	height: 70px;
	width: 225px;
	positon: relative;
	background-color: #8dceb6;
	margin-top: 3px;
}


.discount {
	color: red;
	font-size: 12px;
	font-weight: 600;
}

#brands_images {
	float: left;
	position: relative;
	height: auto;
	width: 981px;
	margin-top: 6px;
}

.brandBox {
	position: relative;
	float: left;
	width: 241px;
	height: 377px;
	
	margin: 2px;
	
}

#questions {
	float: left;
	position: relative;
	width: 988px;
	height: auto;
	margin-top: 20px;
}

 
#feedback,
 #need_help,
 #free_shipping {
	width: 322px;
	float: left;
	position: relative;
	height: 178px;
	margin: 3px;
}

#footer {
	float: left;
	position: relative;
	width: 981px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

#footer a {
	color: #01abab;
	font-size: 14px;
	text-decoration: none;
	font-family: tahoma;
	margin: 10px;
	font-weight: 400;

}

/* Category Page */


#category_small_column {
	float: left;
	position: relative;
	width: 234px;
	height: auto;
	background-color: #ececec;
	
}

#category_small_column h4 {
	font-size: 13px;
	font-weight: 600;
	font-family: tahoma;
	color: #535353;
	margin: 1%;
	margin-left: 2%;
}


#category_large_column {
	float: left;
	position: relative;
	width: 740px;
	margin-left: 4px;

}

#breadcrumbs {
	width: 98%;
	float: left;
	position: relative;
	height: auto;
	margin: 8px;
}

#breadcrumbs a,
#breadcrumbs a:active,
#breadcrumbs a:hover {
	color: #5d5d5d;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

#category_description {
	float: left;
	width: 99%;
	position: relative;
}

.product_box {
	width: 230px;
	margin: 8px;
	position: relative;
	float: left;
	height: 400px;

}

.sort_options {
	float: left;
	position: relative;
	margin: 10px;
	margin-top: 4px;
	border-bottom-style: dotted;
	border-bottom-color: #c8c8c8;
	border-bottom-width: 1px;
	width: 215px;
}

.sort_options a, 
.sort_options a:hover,
.sort_options a:active{
	font-size: 12px;
	font-family: Tahoma;
	color: #428c8f;
	text-decoration: none;
	font-weight: 500;
}



.collectionBox {
	float: left;
	position: relative;
	width: 200px;
	height: 350px;
	margin: 8px;
}


/* Product Page */

#product_additional_images {
	width: 145px;
	float: left;
	height: auto;
	position: relative;
	margin: 3px;
	
}

#product_image {
	float: left;
	width: 360px;
	position: relative;
	height: auto;
	margin: 8px;
	
}

#product_info {
	float: left;
	position: relative;
	height: auto;
	width: 446px;
	margin: 5px;
}


.smallImage {
	width: 140px;
	position: relative;
	float: left;
	border: 1px solid #dfdfdf;
	height: auto;
}

#product_bread_crumbs {
	position: relative;
	float: left;
	width: 99%;
	height: 30px;
	
}

#product_bread_crumbs a, 
#product_bread_crumbs a:hover,
#product_bread_crumbs a:active {
	color: #22b9bb;
	font-family: tahoma;
	font-size: 12px;
	font-weigh: 500;
}


#product_manufacturer {
	float: left;
	position: relative;
	height: auto;
	width: 99%;
}

.price {
	color: #2e7565;
	font-family: tahoma;
	font-size: 14px;
	font-weight: 500;
	margin: 1%;
	margin-top: 2%;
	margin-bottom: 2%;

}


.alsoCollectionBox {
	float: left;
	position: relative;
	height: 280px;
	width: 117px;
	margin: 8px
}

#sizing_box {
	float: left;
	position: relative;
	width: 350px;
	height: auto;
	width: 99%;
}

#sizing_box table{
	width: 100%:
}

.sizeFound {
	background-color: #ffb5b5;
	border: 1px solid #ff3e3e;
}

.weNoticed {
	background-color: #d5fefa;
	border: 1px solid #7cffdf;
	padding: 8px;
	color: #08595c;
}	

#sizinginfo {
	float: left;
	position: relative;
	width: 99%;
}

.weNoticed strong {
	color: #000000;
}



/*SIZING PAGe */

.man_name {
	float: left;
	position: relative;
	background-color: #dafefc;
	width: auto;
	height: auto;
	margin: 4px;
	border: 1px solid #0cb0a6;
	padding: 4px;
}

.man_name:hover {

	background-color: #b4fdee;
	border: 1px solid #03d0a7;

}



/* Locations Page */


.locationsBox {
	width: 300px;
	float: left;
	margin: 5px;
	position: relative;
	height: 250px;
}

.locationImage {
	
	float: left;
	positon: relative;
	height: auto;
	width: 225px;
	
}
.locationText {

	float: left;
	position :relative;
	width: 225px;
	height: auto;


}

/*Cart Page */

#cart {
	position: relative;
	float: left;
	width: 99%;
	height: auto;
}

.buttons {
	float: left;
	position: relative;
	height: auto;
	width: 500px;
}

/* Checkout Pages */

#checkout {
	position: relative;
	float: left;
	width: 99%;
	height: auto;


}

.steps{
	border: 1px solid #f67272;
	float: left;
	width: 99%;
	padding: 7px;
	background-color: #eaeaea;
}

#checkout h3 strong {
	font-size: 16px;
    color: #20a89d;
}

#shipping_methods {
	position: relative;
	float: left;
	width: 99%;
	height: auto;
	margin-bottom: 15px;

	
}

#shipping_methods table {
	border: none;
}

#checkout_address {
	float: left;
	width: 99%;
	margin: 1%;
	
}

#comments {
	float: left;
	position: relative;
	height: auto;
	width: 48%;
}

.selectedStep {
	color: #2a3131;
}

#payment_methods {
	position: relative;
	float: left;
	width: 48%;
	height: auto;
	margin-bottom: 15px;
}

#payment_methods table {
	border: none;
}


.borderRow td {
	border: 1px solid #cecece;
	padding: 6px;
	font-size: 13px;

}


.changeAddressButton {
		background:none repeat scroll 0 0 #E2FEF8;
		border-color:#08CCAE;
		border-style:solid;
		border-width:1px 1px 4px;
		cursor:pointer;
		float:left;
		font: 15px;
		padding:10px;
		width:310px;
		margin: 3%;
	
}
.couponCode {
	float: left;
	width: 99%;
	margin: 1%;
	position: relative;
}

.couponCode table tr td, .couponCode table tr, .couponCode table{
	border: none !important;

	

}

.creditCardFields {
	float: left;
	position: relative;
}

.creditCardFields .twoColumn .warning {
	font-family: verdana;
	color: #870000;
	font-size: 10px;
}

.cc_form { 
	border: 1px solid #EEEEEE; 
	margin-bottom: 10px; 
	padding: 2px; 
	background-color: #eeeeee; 
}

.cc_form table{
	border: none !important;
	padding: 8px;
}	

.cc_form table tr td {
	padding: 6px;
}	


.howTheyFound table {
	border: none !important;
}


.checkoutButtons table {

		border: none !important;
}



.prepend {
	display: none;
	width: 377px;
	margin-top: 10px;
}



/*Account Page */




/* Send To Friend Window */

#send_to_friend_window {
	display: none;
	width: 349px;
    padding-top: 29px;  
	height: 400px;
	position: absolute;
	top: 5px;
	left: 50px;
	z-index: 3;
	background-image: url(../exportmedia/top_friend_box.png);
	background-repeat:no-repeat;
	background-position: top;
}

#friend_x {
	position: absolute;
	top: -5px;
	right: -5px;
	width: 20px;
	height: 20px;
	background-image: url(../exportmedia/x.png);
	z-index: 4;
	cursor: pointer;
}

#send_to_friend_window #friend_middle .row .twoColumn {
	width: 42%;
}

#friend_middle {
	background: transparent url(../exportmedia/middle_friend_box.png) repeat-y; 
	padding: 0 20px 20px 25px;
	height: auto;
	float: left;
	position: relative;
	width: 349px;
	margin-left: 2px;
	
}

#friend_bottom  {
	float: left;
	width: 349px;
	background: transparent url(../exportmedia/bottom_friend_box.png) no-repeat bottom; 
	height: 49px;
	
	
}

#actions {
	float: left;
	position: relative;
	border: 1px solid #e5e5e5;
	width: 99%;
	height: 22px;
	padding: 8px;
	margin-top: 20px;
	
	
}
#actions a {
	color: #7a7a7a;
	font-size: 13px;
	font-family: tahoma;
	text-decoration: none;


	
}

#loading_friend {
	display: none;
	width: 349px;
    padding-top: 29px;  
	height: 400px;
	position: absolute;
	top: 5px;
	left: 50px;
	z-index: 3;
	background-image: url(../exportmedia/top_friend_box.png);
	background-repeat:no-repeat;
	background-position: top;
	
}

#loading_friend img {
	
}	

#thank_you_message {
	display: none;
	width: 349px;
    padding-top: 29px;  
	height: 400px;
	position: absolute;
	top: 5px;
	left: 50px;
	z-index: 3;
	background-image: url(../exportmedia/top_friend_box.png);
	background-repeat:no-repeat;
	background-position: top;
}





/*Call us page */

.callInput {
	width: 230px;
	height: 15px;
	background-color: #ffffff;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 1px 4px;
	padding:7px;
}

.callSubmit {
	background:none repeat scroll 0 0 #e2fef8;
	border-color:#08ccae;
	border-style:solid;
	border-width:1px 1px 4px;
	float:left;
	font:1.5em "Lucida Grande","Lucida Unicode",Arial,Verdana,sans-serif;
	padding:10px;
	width:310px;
	cursor:pointer;

}



.callTextBox {
	
	width:303px;
	height:200px;
	background-color: #ffffff;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 1px 4px;
	padding:7px;
	
}


/* Locations Main Styling */

	#map {
		float: left;
		position: relative;
		width: 98%;
		margin: 1%;
		height: auto;
	}
	
	#location_address {
		float: left;
		position: relative;
		width: 48%;
		margin: 1%;
		height: auto;
	}
	
	#location_address p, #location_hours p {
		font-size: 13px;
	}
	
	#location_hours {
		float: left;
		position: relative;
		width: 48%;
		margin: 1%;
		height: auto;
	}
	
	#location_image {
		float: left;
		position: relative;
		width: 98%;
		height: auto;
		margin: 1%;
		border: 1px solid #666666;
	}



	/* */
	
	#policies {
		float: left;
		width: 99%;
		position: relative;
		height: auto;
	}
	
	#policies p{
		border-bottom: 1px dotted #A7A6AA;
		padding-bottom: 10px;
	}
	
	#policies h2 {
		font-size: 18px;
		color: #4d4d4d;
	}
	
	
	
	
	
	
	
	/*Smart Sizing */
	
	
	#sizing_small_column {
	
		float: left;
		position: relative;
		height: auto;
		width: 200px;
	
	}
	
	#sizing_large_column {
	
		float: left;
		position: relative;
		height: auto;
		width: 740px;
	
	}
	
	
	
	
	
	/* Employment Page */
	
	#employment_page {
	
		float: left;
		position: relative;
		height: auto;
		width: 99%;
		
		
	}
	
	#employment_page p{
		color: #353535;
	}
	
	#employment_page input{
	
		background-color: #ffffff;
		border-color:#CCCCCC;
		border-style:solid;
		border-width:1px 1px 4px;
		
		margin: 2px;
	}
	
	#submit {
		background-color: #b1fff3;
		border-color:#00a98f;
		border-style:solid;
		border-width:1px 1px 4px;
		padding: 4px;
		cursor: pointer;
		
	}
	
	

.message {
	color: #1f1f1f;
	background-color: #caf8c5;
	border: 1px solid #0d8d00;
	width: 98%;
	float: left;
	position: relative;
	padding: 5px;
	margin: 3px;
	font-family: tahoma;
	font-size: 12px;
}

.whatwebsite {
	display: none;
}


.hidden {
	display: none;
}




/* News Page */


#news_page {
	
	float: left;
	position: relative;
	height: auto;
	width: 99%;
	background-color: #e6e6e6;

}

#news_page h1 {

	background-image: url(../exportmedia/title_bg.png);
	background-repeat: no-repeat;
	float: left;
	height: 67px;
	float: left;
	position: relative;
	margin-left: -17px;
	color: #ffffff;
	padding-top: 12px;
	padding-left:  38px;
	width: 97%;
	font-size: 24px;
	font-weight: 200;
	
}


.newsItem {

	float: left;
	position: relative;
	width: 99%;
	height: auto;
	
}


.newsItemTitleBar {
	float: left;
	position: relative;
	width: 99%;
	background-color: #e0e0e0;
	border: 1px solid #b2b2b2;
	height: 41px;
	
}

.newsItemTitle {
	float: left;
	position: relative;
	width: 49%;	
}

.newsItemTitle h3{
	
	color: #737373;
	font-size: 20px;
	font-weight: 200;
	padding: 5px;
	padding-top: 2px;

}

.newsDate {
	float: left;
	position: relative;
	width: 49%;	
}

.newsDate p {
	color: #737373;
	font-size: 12px;
	padding: 1px;
	margin: 1px;
}


.newsContent {

	float: left;
	position: relative;
	height: auto;
	padding: 2%;
	width: 97%;
	background-color: #efefef;

}

.newsPicture {
	float: left;
	position: relative;
	height: auto;
	width: 42%;
	padding: 4px;
	
}

.newsMain {
	float: left;
	position: relative;
	height: auto;
	width: 56%;
	
}



/*Useful Css Classes */

.colorRow  {
	background-color: #e0e0e0;

}

.headerRow {
	background-color: #363838;
	color: #ffffff;
}
.headerRow th p {
	color: #ffffff;
}

.whiteRow {
	background-color: #ffffff;
}

.twoColumn {
	width: 49%;
	float: left;
	position: relative;
	height: auto;
	
}

.row {
	width: 98%;
	margin: 1%;
	float: left;
	position: relative;
}


