/*Css By Synergy Networks
			  Fort Myers FL, 33907
			  239-790-7000
*/

img {
	border: none;
}

body {
	background-color: #ffffff;
}


h1, h1 a, h1 a:active, h1 a:hover {
	font-size: 20px;
	color: #22b9bb;
	font-family: Tahoma;
}

 h1 {
 
	float: left;
	position: relative;
	height: auto;
	width: 98%;
	margin: 1%;
	
 }

 
h2 {
	font-size: 16px;
	color: #7a7a7a;
	font-family: Tahoma;
	float: left;
	position: relative;
	height: auto;
	width: 98%;
	margin: 1%;
	
}

p {
	font-size: 12px;
	font-family: Tahoma;
	color: #5d5d5d;
	margin: 1%;
	float: left;
	position: relative;
	width: 98%;
	
}

p a {
	font-size: 12px;
	font-family: Tahoma;
	color: #5d5d5d;
	margin: 1%;
	text-decoration: none;
	
}

p ul li, p ul li a {

	font-size: 12px;
	font-family: Tahoma;
	color: #5d5d5d;
}

p ul li a, p ul li a:active, p ul li a:hover  {
    font-size: 12px;
	font-family: Tahoma;
	color: #51beb8;
	
}

h3 {
	font-size: 14px;
	font-weight: 600;
	font-family: tahoma;
	color: #4b4b4b;
	margin: 1%;
		float: left;
	position: relative;
	width: 98%;
}


h3 a, h3 a:active, h3 a:hover{
	text-decoration: none;
    color: #4b4b4b;
}

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;
}

.container {
	position: relative;
	width: 988px;
	height: auto;
	margin: auto;
	overflow:hidden;
}
#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: 120px;
	position: relative;
}
#the_fit {
	float: left;
	width: 545px;
	position: relative;
	margin-left: 10px;
	margin-top: 30px;
	margin-right: 0;
	
}

#cartsearch {
	float: left;
	width: 250px;
	height: auto;
	margin-left: 0;
	margin-top: 9px;
	
}
#cart {
	float: left;
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 8px;
}

#search {
	float: left;
	position: relative;
	width: 240px;
	height: auto;
	margin-left: 15px;
}

#search_input {
	background-image: none;
	border: none;
	width: 130px;
	height: 24px;
	font-family: tahoma;
	color: #5e5e5e;
	float: left;
	margin-left: 9px;
	margin-top: 2px;
	
}
#search_submit {
	float: left;
	height: 25px;
	background-image: url(../exportmedia/go_button.gif);
	background-repeat: no-repeat;
	width: 25px;
	border: none;
	cursor: pointer;
	margin-top: 5px;
	margin-left: 38px;
}
 .searchboxdiv {
	 margin:0;
	 height:34px;
	 width:227px;
	 background: url(../exportmedia/input_bg.gif) no-repeat bottom;
	float: left;
	position: relative;
	 }

.searchbox {
	 background:none;
	 border:none;
	 width:130px;
	 height:28px;
	 margin:0;
	 padding: 2px 7px 0px 7px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:11px;
}

#cartsearch a {
	color: #01abab;
	text-decoration: none;
	font-size: 12px;
	font-family: tahoma;
}


#emailsignup {
	
	float: left;
	position: relative;
	width: 240px;
	height: auto;
	margin-left: 3px;
	margin-top: 20px;
	
}

#nav_bg {
	
	width: 100%;
	float: left;
	position: relative;
	height: 38px;
	background-color: #70e2e2;
	background-image: url(../exportmedia/nav_bg.gif);
	background-repeat: repeat;
	z-index: 9999;
	
}

#nav_bg .container {
	overflow:visible;
}


body #nav_bg .container #nav .sf-menu li ul {
	
	z-index: 9999;
	
}

body #nav_bg .container #nav {
	
	z-index: 9999;
	
}

#nav {
	float: left;
	width: 980px;
	height: auto;
	position: relative;
	z-index: 9999;
}


#designers,
#categories,
#coverups,
#store_locations,
#smart_size,
#sign_in {
	height: 38px;
	width: 145px;
	float: left;
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
}


#designers a,
#categories a,
#coverups a,
#store_locations a,
#smart_size a, 
#sign_in a {
	width: 100%;
	height: 100%;
	display: block;
	background-repeat: no-repeat;
}

#sign_in {
	
	margin-left: 65px;
	
}

#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/sale_button.gif);
}

#sign_in a {
	background-image: url(../exportmedia/sign_in_button.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;
	
}

#right_home_content {
	
	width: 767px;
	float: left;
	position: relative;
	height: auto;
	margin-top: 15px;
	margin-left: 35px;
	z-index: 1;
	
}


#right_home_content * {
	z-index: 1;	
}

#left_home_content {
	
	width: 175px;
	float: left;
	position: relative;
	height: auto;
	margin-top: 10px;
	z-index: 1;
	
}

#left_home_content h3 {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3b3b3b;
	font-weight: 700;
	
}


.sideBrand {
	
	width: 96%;
	padding: 1%;
	float: left;
	position: relative;
	margin-left: 24px;

}

.sideBrand a {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b3b3b;
	text-decoration: none;
	
}

.sideBrand a:hover {
	
	text-decoration: underline;
	
}

.blueBlob {
	
	float: left;
	position: relative;
	height: auto;
	width: 24px;
	
}

.brandTitle {
	
	width: 150px;
	height: auto;
	float: left;
	position: relative;
	
}

.brandTitleBox {
	
	float: left;
	position: relative;
	height: auto;
	width: 100%;
	margin-top: 10px;
	
}

#slide_show {
	float: left;
	position: relative;
	width: 100%;
	height: 356px;
	margin-top: 3px;
}

#slides {
	width: 592px;
	position: relative;
	float: left;
height: 354px;
}

#side  {
	position: relative;
	float: left;
	height: 354px;
	width: 168px;
	margin-left: 7px;
	
}

#main_ad {
	width: 225px;
	float: left;
	height: 287px;
	position: relative;

}

#button_one {
	float: left;
	height: 70px;
	width: 225px;
	position: relative;
	background-color: #e3cbcb;
	margin-top: 3px;
}

#button_two {
	float: left;
	height: 70px;
	width: 225px;
	position: 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: 100%;
	margin-top: 1px;
}

.brandBox {
	position: relative;
	float: left;
	width: 172px;
	height: 330px;
	margin: 9px;
	margin-top: 2px;
	z-index: 2;
	
}

.brandBox a {
	
	float: left;
	position: relative;
	height: auto;
	z-index: 1;
	overflow: visble;
	width: 160px;
	height: 269px;
	display: block;
	
}

.brandBox a:hover {
	
		
}


#questions {
	float: left;
	position: relative;
	width: 988px;
	height: auto;
	margin-top: 20px;
}

 .slotText {
	
	margin-top: 8px !important;
	float: left;
	position: relative;
	height: auto;
 }
 
 
#feedback,
 #need_help,
 #free_shipping {
	width: 322px;
	float: left;
	position: relative;
	height: 178px;
	margin: 3px;
}

#footer {
	float: left;
	position: relative;
	width: 981px;
	height: 100px;
	margin-top: 5px;
	margin-bottom: 20px;
}

#footer_links a {
	color: #01abab;
	font-size: 14px;
	text-decoration: none;
	font-family: tahoma;
	margin: 10px;
	font-weight: 400;
	float: left;
	width: 105px;
	margin: 2px;

}

#footer_links {
	
	width: 490px;
	float: left;
	position: relative;
	height: 80px;
	margin-top: 10px;
	margin-left: 65px;
	
}

#footer_links a, #footer_links a:hover, #footer_links a:active {
	
	color: #262626;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-seif;
	
}

#footer_links a:hover {

	text-decoration: underline;

}

#footer_marys_blog {
	
	width: 150px;
	float: left;
	position: relative;
	height: 100px;
	
}

#footer_social {
	
	width: 260px;
	float: left;
	position: relative;
	height: auto;
	margin-left: 1px;
	
}



/* Category Page */


#collections_list h1 {
	float: left;
	position: realtive;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 99%;
	
}

#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: 210px;
	height: 380px;
	margin: 8px;
}


/* Product Page */


#main_product_column {
	
	width: 794px;
	float: left;
	position: relative;
	height: auto;
	
}


#product_additional_images {
	width: 360px;
	float: left;
	height: auto;
	position: relative;
	margin: 3px;
	
}

#product_image {
	float: left;
	width: 360px;
	position: relative;
	height: auto;
	margin: 8px;
	z-index: 350;
	
}

#product_info {
	float: left;
	position: relative;
	height: auto;
	width: 400px;
	margin: 5px;
	z-index: 1;
	
}

html body .container #main_product_column #product_info * {
	
		z-index: 1;
		
}





.smallImage {
	width: 65px;
	position: relative;
	float: left;
	border: 1px solid #dfdfdf;
	height: 100px;
}

#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-weight: 500;
}


#product_manufacturer {
	float: left;
	position: relative;
	height: auto;
	width: 99%;
}

.price {
	color: #2e7565;
	font-family: tahoma;
	font-size: 24px;
	font-weight: 500;
	margin: 2%;
	margin-top: 5px;
	margin-bottom: 2%;

}


.alsoCollectionBox {
	float: left;
	position: relative;
	height: 340px;
	width: 150px;
	margin: 8px;
	border: 6px solid #efefef;
}
.alsoCollectionBoxes {
	float: left;
	position: relative;
	height: 245px;
	width: 100px;
	margin: 8px;
	border: 6px solid #efefef;
}

#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: 220px;
	float: left;
	margin: 5px;
	position: relative;
	height: 250px;
}

.locationImage {
	
	float: left;
	position: 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-size: 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;
	color: #5D5D5D;
	font-family: Cambria, serif;

}

#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%;	
}
.pressItemTitle {
	float: left;
	position: relative;
	width: 75%;	
}

.newsItemTitle h3{
	
	color: #737373;
	font-size: 20px;
	font-weight: 200;
	padding: 5px;
	padding-top: 2px;

}

.newsDate {
	float: left;
	position: relative;
	width: 49%;	
}

.pressDate {
	float: left;
	position: relative;
	width: 23%;	
}

.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%;
	
}


#pagination {
	
}


/*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;
}


.space {
	
	margin-top: 45px;

	
}



/*Jquery Zoom Stuff */


ul#thumblist{display:block;}
ul#thumblist li{float:left;margin-right:2px;list-style:none;}
ul#thumblist li a{display:block;border:1px solid #CCC;}
ul#thumblist li a.zoomThumbActive{
    border:1px solid red;
}
.jqzoom{

	text-decoration:none;
	float:left;
}





.borderFront {

	position: absolute;
	width: 160px;
	top: 0;
	left: 0;
	height: 266px;
	z-index: 3 !important;
	
	
}

.borderFront a {
	
	display: block;
	width: 160px;
	height: 266px;
	position: relative;
	float: left;
	z-index: 2 !important;
	
}

.borderFront a:hover {
	border: 6px solid #47d7ba;
	width: 160px;
	height: 266px;
	z-index: 2 !important;
	
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
		

}

.wrapper a img, .wrapper a{
	
	z-index: 1;
	
}













/*Hover Border */



.mainBorder {
	position: absolute;
	width: 210px;
	top: 0;
	left: 0;
	height: 380px;
	z-index: 3 !important;
}

.mainBorder a {
	
	display: block;
	width: 210px;
	height: 380px;
	position: relative;
	float: left;
	z-index: 2 !important;
	
}

.mainBorder a:hover {
	border: 6px solid #47d7ba;
	width: 204px;
	height: 304px;
	z-index: 2 !important;
	
}

.spacer {
	
	float: left;
	position: relative;
	height: 10px;
	width: 100%;
	
}





/*Pop up Information */

.popupinfo {


	float: left;
	position: relative;
	height: auto;
	width: 350px;
	
}


.shipPopupLink {
	
	color: #e68f42;
	cursor: pointer;
	
}



/*Blog Styles */

#blog_main_column {

	float: left;
	position: relative;
	height: auto;
	width: 688px;

}	
#blog_right_column {

	float: left;
	position: relative;
	height: auto;
	width: 245px;
	margin-left: 20px;

}	

.postTitle {
	
	font-size: 24px;
	font-family: Arial, sans-serif;
	color: #456969;
	
}

.postContent {
	
	float: left;
	position: relative;
	height: auto;
	width: 97%;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 1%;
}

.postTags {
	
	float: left;
	position: relative;
	height: auto;
	width: 99%;
	font-size: 8px;
	
}


.postSeperator {

	float: left;
	position: relative;
	height: 10px;
	width: 98%;
	border: none;
	background-color: #f29d52;
	margin: 1%;
	margin-bottom: 45px;
	margin-top: 25px
	


}

.blogBox {

	float: left;
	position: relative;
	height: auto;
	width: 97%;
	border: 1px solid #e2e5e9;
	padding: 3%;
	margin-bottom: 5px;
	
}



.blogBox h3 {
	
	font-size: 20px;
	color: #198B92;
	font-family: Arial, sans-serif;
	marign-bottom: 40px;
}



/*remove the list style and make it just a normal list of items*/
 ul.tagcloud {
	list-style-type:none;
    margin:0px;
    padding:0px;
	float: left;
	position: relative;
	height: auto;
}

/*this lines each of the li's up next to one another and spaces them out niecly*/
ul.tagcloud li
{
	display:inline !important;
	margin-right:15px;
	float: left;
	position: relative;
	height: auto;
	width: auto;

}

ul.tagcloud li a, ul.tagcloud li a:active {
	display:inline;
	font-size: 8px;
	font-family: Arial, sans-serif;
	color: #353535;
	text-decoration: none;
}

ul.tagcloud li a:hover {
	color: #f69638;
	line-height: 21px;
}	


/*the following are how each of the classes generated by the PHP are presented to the user 
through CSS, just increasing the text a little each time*/
ul.tagcloud li.cloud-10 a
{
	font-size:110%;
}

ul.tagcloud li.cloud-20 a
{
	font-size:120%;
}

ul.tagcloud li.cloud-30 a
{
	font-size:130%;
}

ul.tagcloud li.cloud-40 a
{
	font-size:130%;
}

ul.tagcloud li.cloud-50 a
{
	font-size:130%;
}

ul.tagcloud li.cloud-60 a
{
	font-size:130%;
}

ul.tagcloud li.cloud-70 a
{
	font-size:130%;
}

ul.tagcloud li.cloud-80 a
{
	font-size:130%;
}

ul.tagcloud li.cloud-90 a
{
	font-size:190%;
}

ul.tagcloud li.cloud-100 a
{
	font-size:200%;
}




/* Account Pages */

 .headerDivider {
	
	float: left;
	position: relative;
	height: auto;
	width: 98%;
	margin: 1%;
	height: 8px;
	background-color: #f69638;
	border: none;
	
 }
 
 
 
 #account_left_column {
	
	float: left;
	position: relative;
	height: auto;
	width: 274px;
	margin-left: 10px; 	
	
 }
 
 #account_right_column {
	
	float: left;
	position: relative;
	height: auto;
	width: 660px;
	
 }

  #account_right_column h1 {
		
		font-size: 20px;
		font-weight: 200;
		color: #535353;
	
  }
 
#account_left_column h3 {

	font-size: 18px;
	color: #01abab;
	font-family: Arial, sans-serif;
	margin-top: 35px;

}

#account_left_column h2 {

	font-size: 24px;
	color: #676767;
	font-family: Arial, sans-serif;
		
}

#account_left_column p {

	font-size: 14px;
	color: #676767;
	font-family: Arial, sans-serif;
	margin: 1px;
	
}

#account_left_column p a:hover {
	
	color: #fc8b12;
	
}

.orderTable {
	
	width: 98%;
	
}

.orderDivider {
	
	float: left;
	position: relative;
	height: 5px;
	background-color: #eaeaea;
	border: none;
	
}

.visualLink a, .visualLink a:active {
	
	color: #de0000 !important;
	
}
	






