
/* *** rock the boat css *** */

body {
	background-color: #fff;
	background-image: url(images/bg.jpg);
	font-family: Arial, Sans-Serif;
	font-size:11px;
	color:#666666;
	padding:0px;
	margin:0px;
	text-align:center;
}

#wrapper {
	width:785px;
	margin: 20px auto 10px auto;
	text-align:center;
}

#borderbox {
	clear:both;
	background-color: #FFFFFF;
	background-image:url(images/rounded.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	position:relative; 
	text-align:left;
	padding:0px 0px 14px 0px;
	margin:0px 0px 10px 0px;
}

#content {
	width:765px;
	margin: 0px 0px 0px 0px;
	border-top: 10px solid #CDEBE4;
	border-right: 10px solid #CDEBE4;
	border-left: 10px solid #CDEBE4;
	background-color:#FFFFFF;
	padding:0px 0px 10px 0px;
}

ul, li, p, img, a {
	padding: 0px;
	margin: 0px;
	border: none;
}
form {
margin: 0px;
}

/* ----------text styles-------------- */

.bodytext {	
	font-size: 11px;
	text-align: left;
	line-height:20px;
	color:#666666;
}

.bodytext a, .bodytext a:hover, .bodytext a:visited{
  color: #FD7C10;
}

.bodytext a:hover {
	text-decoration:underline;
}

.bodytext b{
	color: #FD7C10;
}

.boldtext {	 
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	color: #FD7C10; 
	text-decoration: none; 
	text-align: left;
}

.inputtext {
	border: 0px;
	color: #006BB6;
	width:139px;
	height:16px;
	font-size:11px;
	padding:2px;
	background-color: #AEDED3;
}

.categorytext {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#D13A7C;
	font-size:16px;
	line-height:24px;
}

.sitemap a, .sitemap a:hover, .sitemap a:visited{
  color: #3d3937;
}
.sitemap a:hover {
	text-decoration:underline;
}
.brandtext {
  font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #FD7C10; 
	text-decoration: none; 
	text-align: left;
	top:5px;
}
.price {
	color:#006BB6;
	font-size:12px;
	font-style:italic;
	line-height:20px;
}
.smalltext {
	font-weight: bold;
	font-size:9px;
	color:#D13A7C;
	padding: 5px;
	display:block;
}
.priceblock {
	padding: 5px;
	display:block;
}

/* ----------header section-------------- */

#headergroup {
	padding: 0 19px 0 0;

}

.headerbutton {
	vertical-align:top;
	padding:0 1px 0 0;
	float:right;
}

#topnav img{
	float: left;
	padding-bottom:10px;
}

#breadcrumb {
	font-family:Verdana, Arial, sans-serif;
	font-size:9px;
	line-height:24px;
	color:#75C8B5;
	height:29px;
	width:520px;
	float:left;
	margin-left:10px;
}
#breadcrumb a, #breadcrumb a:hover {
	color:#75C8B5;
}
#breadcrumb a:hover {
	text-decoration:underline;
}

#label {
	font-family:Verdana, Arial, sans-serif;
	font-size:9px;
	color:#cccbcb;
	height:69px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 15px;
	clear:both;
	border-bottom: thin dashed #CFECE5;
}

#results li {
	text-decoration:none;
	display:inline;
	padding: 0px;
	margin: 0px;
}

#buttons {
	text-decoration:none;
	padding: 0px;
	margin: 0px;
	clear: both;
	text-align: right;
	position: relative;
	top: 40px;
	right: 20px;
}

/* --------------index page------------ */

#banner {
	background-image: url(images/index_banner.jpg);
	height:105px;
	width:303px;
	color:#FFFFFF;
	line-height:18px;
	clear:both;
	margin:10px 0px 10px 10px;
	padding:140px 210px 10px 15px;
}

#imageURL {	
	color:#FFFFFF;
	clear:both;
	margin:0px 0px 10px 10px;
}

#prodlist {
	margin:10px;
}

/* --------------left navi------------- */
#leftcolumn {
	width:210px;
	float:left;
	background-color:#ffffff;
	text-align:center;
	padding-top:10px;
}

.menuform {
	background-image:url(images/left_searchbox.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	margin: 30px 15px 10px 5px;
	height:38px;
	width:172px;
	padding: 35px 10px 10px 10px;
}

ul#mainnav {
	width:210px;
	color:#D13A7C;
	padding: 30px 0px 0px 0px;
	border-bottom: thin dashed #CFECE5;
	text-align:left;
}

img#mainnav {
	float:right;
	margin-right: 0px;
}

ul#mainnav li {
	width:190px;
	border-top: thin dashed #CFECE5;
	list-style-type:none;
	line-height:26px;
	vertical-align:middle;
	margin: 0px;
	padding:0px 10px 0px 10px;
	font-size:11px;
	font-weight:bold;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/left_arrow.jpg);
	background-position:93%;
	background-repeat:no-repeat;
}

ul#mainnav ul li {
	margin-left:10px;
}

/* --------------right column------------- */
#rightcolumn {
	
	width:550px;
	float:right;
	background-color:#ffffff;
	border-left: thin dashed #CFECE5;
	min-height:625px;
}


#sortbuttons {
	float:right;
	position: relative;
	
}
#sortbuttons img{
	margin:0px 0px 0px 1px;
}


/* --------------list page----------- */
.listitem {
	width: 160px;
	height:450px;
	font-size:11px;
	float:left;
	text-align:center;
	padding:0px 8px 10px 8px;
}
.listitem a, .listitem a:hover, .listitem a:visited{
	color: #3d3937;
}

.details {
	margin: 10px;
	text-align:left;
}

/* --------------detail page----------- */

.prodheading {
	position:relative;
	padding:10px;
	height:320px;
	display:block;
	border-bottom: thin dashed #CFECE5;
}

/* -----------footer--------------------------- */
#footer {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#75C8B5;
	padding-bottom:10px;
}

/* ----------links-------------- */

a, a:visited, a:active {	color: #D13A7C;	text-decoration:none;	border:0px;	}
a:hover { color: #75C8B5;	}

a.red, a:visited.red, a:active.red {	color: #e10915;	text-decoration:none;	border:0px; text-transform:uppercase;	}
a:hover.red { color: #CCCCCC;	}

#footer a { color: #75C8B5;	text-decoration:underline;	border:0px;	}

/* -----------forms--------------------------- */

.formbutton { font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 70%; font-weight: normal; color: #1595D3; background-color: #FFFFFF; height: 19px; border: 1px solid #999999; padding-left: 5px; height:22px;}

/*.formfields { padding: left: 10px; font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 70%; font-weight: normal; 	color: #09134F;  background-color: #FFFFFF; height: 19px; border: 1px solid #999999; line-height:20px;}*/
.formfields {font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 70%; font-weight: normal; 	color: #09134F;  background-color: #FFFFFF; border: 1px solid #999999;}

.mailingfield { font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 70%; font-weight: normal; color: #1595D3; background-color: #FFFFFF; height: 19px; border: 1px solid #999999; padding-left: 5px;}

.formfield { font-family: Arial, Sans-Serif; font-size:11px; color: #628484; height: 19px; border: 1px solid #7F9DB9; line-height:20px; max-width:230px; min-width:40px; padding-left:1px;}

.formfieldshort { font-family: Arial, Sans-Serif; color: #628484; height: 19px; border: 1px solid #7F9DB9; line-height:20px; max-width:80px; min-width:20px;}

.formtxtarea { padding-left: 10px; font-family: Arial, Sans-Serif; font-size:11px; color: #628484;; background-color: #FFFFFF; height: 19px; border: 1px solid #7F9DB9; padding: 2px 5px 0 0; line-height:20px; max-width:230px; min-width:80px;}
