/* CSS Document */

/* colors:
Navy: #00345b
Sky blue: #7eb3bc
Tan: #c6c4b5 - used for borders
Light Beige: #edece8
med gray: #a5a295 - used for sub-content frame border
taupe: #c6c4b5 - used for sub-content frame
*/

body{
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#00345b;
	}

h1{
	font-size:16px;
	font-weight:bold;
	margin-top:5px;
	}

h2{
	font-size:12px;
	font-weight:bold;
	}

p{
	font-size: 11px;
	line-height:18px;
	color:#00345b;
	}

p a{
	font-weight:bold;
	color:#006faf;
	text-decoration:none;
	}

p a:hover{
	color:#00345b;
	text-decoration:underline;
	}

ul li{
	font-size: 11px;
	line-height:18px;
	color:#00345b;
	clear:both;
	}

ul li a{
	font-weight:bold;
	color:#006faf;
	text-decoration:none;
	}

ul li a:hover{
	color:#00345b;
	text-decoration:underline;
	}

#gradient{ /*this creates the blue background gradient */
	width:100%;
	min-height:900px;
	margin:0pc;
	padding:0px;
	background-image:url(/images/bg_slice.gif);
	background-repeat:repeat-x;
	}

#cap{ /*this adds top slice and corners with drop shadow*/
	width:946px;
	height:22px;
	overflow:hidden;
	margin:0px auto;
	padding:0px;
	background-image:url(/images/container_slice_top.gif);
	background-repeat:no-repeat;
	}

#mainContainer1{ /*this contains all content and creates a bordering drop shadow to extend as far as needed */
	width:946px;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
	background-image:url(/images/container_sides_overflow.gif);
	background-repeat:repeat-y;
	}

#mainContainer2{ /* this places the left side body drop shadow against the background gradient */
	width:946px;
	margin:0px;
	padding:0px;
	background-image:url(/images/container_slice_lside.gif);
	background-repeat:no-repeat;
	float:left;
	}

#mainContainer3{ /* this places the right side body drop shadow */
	width:901px;
	margin:0px;
	padding:0px 24px 0px 21px;
	background-image:url(/images/container_slice_rside.gif);
	background-repeat:no-repeat;
	background-position:top right;
	float:left;
	}

#headerWrapHome{
	width:891px;
	height:155px;
	margin:0px;
	padding:0px 5px 0px 5px;
	background-image:url(/images/banner_home_slice.gif);
	background-repeat:repeat-x;
	overflow:hidden;
	}

#headerHome{
	width:889px;
	height:155px;
	padding:0px;
	margin:0px;
	border-top:1px solid #c6c4b5;
	border-left:1px solid #c6c4b5;
	border-right:1px solid #c6c4b5;
	overflow:hidden;
	}

#headerHome img{
	margin:0px;
	padding:0px;
	float:left;
	}

#headerWrapSub{
	width:891px;
	height:122px;
	margin:0px;
	padding:0px 5px 0px 5px;
	background-image:url(/images/banner_sub_slice.gif);
	background-repeat:repeat-x;
	overflow:hidden;
	}

#headerSub{
	width:889px;
	height:122px;
	padding:0px;
	margin:0px;
	border-top:1px solid #c6c4b5;
	border-left:1px solid #c6c4b5;
	border-right:1px solid #c6c4b5;
	overflow:hidden;
	}

#headerSub img{
	margin:0px;
	padding:0px;
	float:left;
	}

#mainNav{
	width:881px;
	height:25px;
	margin:0px;
	padding:3px 10px 0px 10px;
	background-color:#7eb3bc;
	overflow:hidden;
	}

#mainNav img{
	float:left;
	padding:0px;
	margin:0px;
	}

#cartLink{
	float:right;
	height:21px;
	margin:5px 0px 0px 0px;
	padding:4px 50px 0px 0px;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	background-position:top right;
	background-repeat:no-repeat;
	}

#cartLink a{
	color:#ffffff;
	text-decoration:none;
	}

#cartLink a:hover{
	text-decoration:underline;
	}

#tabBar{
	width:865px;
	height:12px;
	padding:5px 26px 0px 10px;
	margin:0px;
	overflow:hidden;
	background-image:url(/images/tab_bar_slice.gif);
	background-repeat:repeat-x;
	text-align:right;
	color:#ffffff;
	}

#tabBar a{
	font-size: 10px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	}

#tabBar a:hover{
	text-decoration:underline;
	}
	
#ContentWrap{ /*This holds everything below the navigation and above the footer */
	width:891px;
	min-height:650px;
	padding: 0px 5px;
	background-color:#edece8;
	margin:0px;
	float:left;
	}

#Content{
	width:869px;
	min-height:630px;
	padding:10px;
	border-left:1px solid #c6c4b5;
	border-right:1px solid #c6c4b5;
	float:left;
	}

#leftColumn{
	width:520px;
	margin:0px;
	padding:0px;
	float:left;
	}

.featureP{
	width:285px;
	float:left;
	margin:0px;
	padding:0px;
	}

#smFeatureWrap{
	width:490px;
	height:206px;
	padding:5px;
	margin:10px;
	background-image:url(/images/feature_sm_slice.gif);
	background-repeat:repeat-x;
	background-color:#DAE2C3;
	}

#smFeature{
	width:458px;
	height:174px;
	padding:15px;
	margin:0px;
	overflow:hidden;
	border:1px solid #c6c4b5;
	}

#lgFeatureWrap{
	width:490px;
	height:362px;
	padding:5px;
	margin:20px 10px 10px 10px;
	background-image:url(/images/feature_lg_slice.gif);
	background-repeat:repeat-x;
	}

#smFeature img{
	float:left;
	margin-right:15px;
	}

#lgFeature{
	width:458px;
	height:330px;
	padding:15px;
	margin:0px;
	overflow:hidden;
	border:1px solid #c6c4b5;
	}

#lgFeature img{
	float:left;
	margin-right:15px;
	}

#aboutP{
	width:310px;
	height:120px;
	margin:-4px 10px 10px 10px;
	padding:0px;
	float:left;
	overflow:hidden;
	}

#newsFeatureWrap{
	width:319px;
	height:472px;
	padding:5px;
	margin:10px;
	background-image:url(/images/feature_news_slice.gif);
	background-repeat:repeat-x;
	float:left;
	}

#newsFeature{
	width:287px;
	height:440px;
	padding:15px;
	margin:0px;
	overflow:hidden;
	border:1px solid #5d8c8a;
	}
	
#subFrameWrap{
	width:840px;
	padding:5px;
	margin:10px;
	background-image:url(/images/sub_frame_slice.gif);
	background-repeat:repeat-x;
	background-color:#c6c4b5;
	float:left;
	}

#subFrame{
	width:804px;
	padding:15px 17px;
	margin:0px;
	border:1px solid #a5a295;
	float:left;
	}

#stockSearch{
	float:right;
	margin:2px 0px 0px 0px;
	padding:0px;
	}

.searchField{
	background-color:#edece8;
	border: 1px solid #c6c4b5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#00345b;
	font-size:10px;
	padding: 5px 5px;
	float:left;
	margin: 3px 5px 0px 0px;
	}

#subNav{
	width:797px;
	padding:3px 3px 3px 2px;
	margin:5px 0px 0px 0px;
	background-color:#00345b;
	float:left;
	}

#subNav ul{
	padding:0px;
	margin:0px;
	}

#subNav li{
	display:block;
	width:197px;
	height:23px;
	overflow:hidden;
	padding-top:5px;
	list-style-type:none;
	margin:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	float:left;
	background-image:url(/images/button_sub.gif);
	background-repeat:no-repeat;
	clear:none; 
	}

#subNav li.subNavOn{
	background-image:url(/images/button_sub_on.gif);
	}
	
#subNav li a{
	font-weight:normal;
	color:#00345b;
	display:block;
	width:197px;
	height:23px;
	}

#subNav li a:hover{
	text-decoration:none;
	}

#subContentWrap1{
	width:802px;
	background-image:url(/images/sub_content_bg_top.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:7px 0px 0px 0px;
	float:left;
	border-top:20px solid #7eb3bc;
	}

#subContentWrap2{
	width:802px;
	background-image:url(/images/sub_content_bg_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0px;
	padding:0px 0px 10px 0px;
	float:left;
	}

#subContent{
	width:772px;
	min-height:390px;
	background-image:url(/images/sub_content_bg_slice.gif);
	background-repeat:repeat-y;
	float:left;
	margin:0px;
	padding:3px 15px 5px 15px;
	}

#subContentSpecials{
	width:642px;
	min-height:390px;
	background-image:url(/images/sub_content_bg_slice.gif);
	background-repeat:repeat-y;
	float:left;
	margin:0px;
	padding:3px 80px 5px 80px;
	}

#subContentSpecials p{
	margin:0px;
	}
	
#subContentText{
	width:642px;
	min-height:390px;
	background-image:url(/images/sub_content_bg_slice.gif);
	background-repeat:repeat-y;
	float:left;
	margin:0px;
	padding:3px 80px 5px 80px;
	}

.thumbs{
	width:140px;
	height:120px;
	margin:15px 25px;
	text-align:center;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-color:00345b;
	position:relative;
	}

.thumbs a:hover > .thumbRollTR{
	display:block;
	}

.thumbs img{
	padding:0px;
	margin:0px 0px 5px 0px;
	}

.thumbRollTRold { /* this pops up on thumb rollover, to the right of the first two columns */
	position:absolute;
	top:0px;
	left:140px;
	width:200px;
	background-image:url("/images/rollover_slice.gif");
	background-repeat:repeat-x;
	border:1px solid #00345b;
	z-index:99;
	}

.thumbRollTR{ /* this pops up on thumb rollover, to the right of the first two columns */
	position:absolute;
	top:-10px;
	left:185px;
      display:none;
	width:200px;
	background-image:url("/images/rollover_slice.gif");
	background-repeat:repeat-x;
	border:1px solid #00345b;
	color:#ffffff;
	margin:10px 0px;
	text-align:left;
	padding:20px 20px 20px 20px;
	font-size:11px;
	z-index:90;
	}
	
.thumbRollTR ul{
	color:#ffffff;
	margin:10px 0px;
	float:left;
	text-align:left;
	padding:0px 0px 0px 20px;
	}

.thumbRollTR p {
	color:#ffffff;
	}

.thumbRollTR li {
	color:#ffffff;
	}
	
#test {
	visibility:hidden;
}

.thumbRollTL{ /* this pops up on thumb rollover, to the left of the last two columns */
	position:absolute;
	top:-10px;
	right:188px;
	display:none;
	z-index:90;
	width:200px;
	background-image:url("/images/rollover_slice.gif");
	background-repeat:repeat-x;
	border:1px solid #00345b;
	color:#ffffff;
	margin:10px 0px;
	text-align:left;
	padding:20px 20px 20px 20px;
	font-size:11px;
	}

.thumbRollTL ul{
	color:#ffffff;
	margin:10px 0px;
	float:left;
	text-align:left;
	padding:0px 0px 0px 20px;
	}

.thumbRollTL li {
	color:#ffffff;
	}

.thumbRollTL p {
	color:#ffffff;
	}

#detailLCol{
	width: 340px;
	text-align:center;
	padding:0px;
	float:left;
	font-size:11px;
	margin:15px 15px 5px 15px;
	}

#detailRCol{
	width: 372px;
	margin:15px 15px 20px 15px;
	float:left;
	padding:0px;
	}

#detailRCol ul{
	margin-left:0px;
	padding:0px 0px 0px 12px;
	}

#detailRotate{
	height:21px;
	width:130px;
	margin:10px auto 15px auto;
	padding:0px;
	}

#detailRotate img{
	margin:0px;
	padding:0px;
	float:left;
	}

#detailRotate p{
	margin-top:2px;
	float:left;
	}

.colorSelect{
	float:left;
	margin-right:15px;
	}

.quantity{
	float:left;
	}

.dozens{
	margin:0px;
	padding:0px;
	font-size:9px;
	clear:both;
	}

.addtocart{
	margin-top:15px;
	}

#colorLinks{
	width:747px;
	margin:0px 15px 15px 15px;
	float:left;
	}

.colorBox{
	width:173px;
	height:32px;
	border: 1px solid #00345b;
	padding:3px 1px 3px 3px;
	float:left;
	margin:0px 5px 5px 0px;
	overflow:hidden;
	}

.colorBox p{
	font-size:10px;
	margin: 10px 5px 0px 5px;
	float:left;
	line-height:10px;
	width:131px;
	}

.colorBox p a{
	color:#00345b;
	}

.color{
	width:32px;
	height:32px;
	float:left;
	}

#footer{
	font-size:11px;
	color:#5d8c8a;
	border-right: 1px solid #c6c4b5;
	border-left:1px solid #c6c4b5;
	padding-left:15px;
	}

#bottom{
	width:894px;
	height:7px;
	overflow:hidden;
	margin:0px auto;
	padding:0px 26px 15px 26px;
	background-image:url(/images/container_slice_bottom.gif);
	background-repeat:no-repeat;
	}

#bottomFrame{
	width:889px;
	height:8px;
	margin:0px;
	padding:0px;
	border-left:1px solid #c6c4b5;
	border-right:1px solid #c6c4b5;
	border-bottom:1px solid #c6c4b5;
	}

#cmsForm{
	margin:10px;
	}

#cmsForm label{
	font-size:12px;
	font-weight:bold;
	}

#cmsForm input{
	margin-bottom:10px;
	}

#cmsForm textarea{
	margin-bottom:10px;
	height:200px;
	width:400px;
	}	

.capsExData{
	text-align:center;
	}