/* Styles */


body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}


.order-h2 { 
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	margin-top: 10px;
}

.order-h2 a { color: blue; text-decoration: none;}
.order-h2 a:hover{ text-decoration: underline;}
.order-h2 a:visited{ color:blue;}

h2 {
	font-size: 20px;
	text-align: center;
	text-decoration: underline;
	margin-top: 10px;
}

h3 { font-size: 18px; text-align: center; text-decoration: underline; margin: 5px 0; padding: 0;}

img {
	border: 0px solid black;
	margin: 0px;
	padding: 0px;
	float: left;
}

#index-l p {line-height:145%;}
#index-m p {line-height:150%;}
#index-r p {line-height:140%;}

.border-right {
	border-right: 2px dashed #f5f5f5;
}

.center {
	text-align: center;
}

.content_img {
	margin: 0px 10px;
}

.button {
	display: table-cell;	
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

.button a {
	font-size: 20px;
	color: white;
	display: block;
	text-align: center;
	text-decoration: none;
}

.button a:visited {
	color: white;
}

.button a:hover {
	color: yellow;
	text-decoration: underline;
}

.gallery { float: left;}
.gallery td {
	border: 2px solid #555;
	float: left;
	margin: 2px 3px;
	padding: 0px;
}
.gallery tr { margin: 0; padding: 0;}

#benefits-table {
	border-collapse: collapse;
	margin: 0px;
}

#benefits-table th {
	background-color: #b9c9fe;
	color: #1E1E1E;
	text-decoration: underline;
	padding: 20px 30px;
}

#benefits-table td {
	padding: 10px;
	background-color: #e8edff;
	text-align: center;
}

#footer a {
	color: white;
}

#footer a:visited {
	color: white;
}

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

.foottext {
	color: #9999ff;
	font-size: 10px;
}


/* End Styles */

/* Slideshow css */	
#slideshow {
	float:left;
	width:680px;
	height:398px;
	margin: auto
}

#slideshow img {
	padding: 0px;
	margin: 0px;
	border: 0px solid #ccc;
	background-color: #eee;
}

#slideshow_spacer {
	float: left;
	width: 200px;
	height: 20px;
}

#slideNav li {
	float: left;
	width: 200px;
	display: table-cell;
	border: 0px solid black;
	margin: 8px 0 9px 10px;
}

#slideNav {
	color: black;
	display: block;
	vertical-align: middle;
	font-size: 20px;
	text-align: center;
}





/* Div info */

#container {
	margin: 0 auto;
	width:914px;
	border: 0px	solid black;
}

#header-top_ {
	width:914px;
	height:48px;
}

#header-logo_ {
	width:914px;
	height:216px;
}

#home-button_ {
	width:228px;
	height:51px;
	background: url(images/nav_button.png) no-repeat;
}

#benefits-button_ {
	width:229px;
	height:51px;
	background: url(images/nav_button.png) no-repeat;
}


#benefits-table {
	width: 600px;
	float: left;
	margin-left: 30px;
}

#order-button_ {
	width:230px;
	height:51px;
	background: url(images/nav_button.png) no-repeat;
}

#customize-button_ {
	width:226px;
	height:51px;
	background: url(images/nav_button.png) no-repeat;
}

#main-left_ {
	float:left;
	width:234px;
	height:398px;
	background: url(images/main_left.png) no-repeat;
}

#main-right_ {
	float:left;
	width:680px;
	height:398px;
}

.content-container {
	float: left;
	width: 914 px;
	border: 0px solid black;
	margin: 10px 0 10px 0;
}

#content-top_ {
	position: relative;
	top: 0px;
	left: -12px;
	width: 290px;
	height: 11px;
	background-image: url(images/contentbg_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}	

#content-bot_ {
	position: relative;
	bottom: 0px;
	left: -12px;
	width: 290px;
	height: 11px;
	background-image: url(images/contentbg_bot.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}	

.content-box_ {
	
	padding: 0 18px 0 18px;
	float:left;
	width:265px;
	text-align: justify;
	background-image: url(images/contentbg_mid.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	border: 0px solid black;
}

#thincontent-top_ {
	position: relative;
	top: 0px;
	left: -12px;
	width: 215px;
	height: 11px;
	background-image: url(images/contentbgthin_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}	

#thincontent-bot_ {
	position: relative;
	bottom: 0px;
	left: -12px;
	width: 215px;
	height: 11px;
	background-image: url(images/contentbgthin_bot.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}	

.thincontent-box_ {
	padding: 0 16px;
	margin: 0 2px;
	float:left;
	width:190px;
	text-align:  justify;
	background-image: url(images/contentbgthin_mid.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	border: 0px solid black;
}



#wholesale { background-image: url(images/wholesalebutton.png); width: 750px; height: 44px; margin: 0 auto; padding-top: 1px;}

#testimonials {
	margin: 0 auto;
	width:914px;
}

.testimonial-image { 
	width: 28%;
	float: left;
	display: block;
	margin: 10px 0px;
	padding: 10px 10px;
	text-align: center;
}

.testimonial-column { 
	width: 60%;
	display:block;
	margin: 10px 10px;
	float: left;
	display: block;
	text-align:center;
}
	
#footer-wrapper { width: 100%; background: url(images/footerbg.png) repeat-x #9999ff; margin: 0px; padding-bottom: 40px;}

#footer {
	width: 940px;
	margin: 10px auto;
	padding: 10px;
	color: white;
}

#footer h3 { color: #fff; }
#footer ul { padding: 0; margin: 0; list-style: none; }
#footer li { padding: 0; margin: 0 0 8px 0; }
#footer li a {
	display: block;
	color: #ffffcc;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
#footer li a:hover { color: #ffff00; text-decoration: underline; }

.footer-col {
	width: 280px;
	margin: 0 15px;
	float: left;
}


.last-col { 	border: 0px; margin-top: 10px; }

.clear { clear: both; width: 100%; height: 1px; font-size: 0px; }
/* End Div Info */