/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}


#header {
	height:121px;
	background-image:url(../images/sbc-header.png);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#032c4f;

}

div#body-content{
	position:relative;
	width:780px;
	padding:10px;
	border:1px solid #cccccc;
	
	}

#clear{clear:both;}

.common-section-headers{text-transform:uppercase;font-weight:bold; font-size:13px;margin:0;padding:0;}
.common-section-headers-2{text-transform:uppercase;font-weight:bold; font-size:10px;margin:5px 0 0 0;padding:0;}
.common-text{font-size:12px;font-weight:normal;text-align:left;}

.btn{
	font-size:10px;
}
select{margin-left:15px;font-size:10px;}


/*-- header-links --*/
#header-links{
	margin:10px 0;
	padding:0;
	 width:800px;
	 border-left:1px solid black;
	 border-right:1px solid black;
}

#header-links li{
list-style-type:none;
display:inline;

padding:2px 15px 2px 15px;
margin:0;
text-transform:uppercase;
font-size:12px;

border-right:1px solid #032c4f;
}

#header-links a:link, a:visited, a:active{text-decoration:none; color:#003366;}
#header-links a:hover{text-decoration:underline; } 


/*--catagory-list--*/
#category-list{
	border:1px solid #032c4f;
	padding:10px;
	margin:20px 0 0 0;
	width:200px;
	float:left;
	text-align:left;
}
#category-list ul{list-style:none;font-size:12px;margin:0;padding:0;}
#category-list ul li{margin:0 0 0 -3px;border-bottom:1px solid #CCCCCC;padding-top:5px;}
#category-list a:link, a:visited, a:active{text-decoration:none; color:#003366;border-left:2px solid #fff;padding-left:3px;}
#category-list a:hover{text-decoration:none;border-left:2px solid #036;padding-left:3px;}

/*--locations--*/
#locations{	
	clear:left;
	border:1px solid #032c4f;
	padding:10px;
	margin:5px 0 0 0;
	width:200px;
	float:left;
	text-align:left;
}

#locations ul{font-size:10px;margin:0;padding:0;list-style:none;}
#locations ul li {margin:0;}
#locations ul li ul{padding:0 0 0 10px;list-style:none;}
#locations span{font-size:9px;color:#666;}

/*--hero--*/
#hero{
	width:540px;
	height:120px;
	border:1px solid #cccccc;
	float:right;
	clear:right;
	margin:20px 0 0 0;
}
#hero-image{
	float:left;
}
#hero-text{
	width:296px;
	float:right;
	text-align:left;
	}

/*--features--*/
#features{
	float:right;
	width:540px;
	margin:0 0 0 0;
	text-align:left;
	font-size:10px;
	/*border:1px solid #032c4f;*/
	}

#feature-left{
	margin:0;
	width:250px;
	float:left;
	border:1px solid #cccccc;
	height:150px;
	position:relative;
	}
#feature-right{
	margin:0;
	width:250px;
	float:right;
	border:1px solid #cccccc;
	height:150px;
	position:relative;
}
#feature-left span, #feature-right span{
	position:absolute;
	right:10px;
	bottom:10px;
}
/*--footer--*/
#footer{text-align:left; width:800px;font-size:10px;margin:20px 0 0 0;}
#footer ul{float:right; margin:-10px 0 0 0;}
#footer ul li{list-style:none; display:inline;padding-right:10px;}
#footer a:link, a:visited color{color:#003366;text-decoration:none;}


/*--- PAGES --*/

/*--contact--*/
#contact-wrapper{
	width:530px;
	float:right;
	clear:right;
	margin:20px 0 0 0;
}

/*--details--*/
#details-wrapper{
	width:530px;
	float:right;
	clear:right;
	margin:20px 0 0 0;
	font-size:10px;
}

.details-image{float:left;margin-right:20px;}

.details-info{float:left;text-align:left;}
.product-name{text-transform:uppercase;font-weight:bold; font-size:13px;margin:0 0 -5px 0;padding:0;font-size:10px;}
.product-price-title{text-transform:uppercase;font-weight:bold; font-size:10px;margin:0;padding:0;}
.product-price{margin:0; list-style:none;padding:0;}
.product-price li{border-bottom:1px solid #cccccc;padding:10px 0 5px 0;}
.product-amount{margin:0 40px 0 20px;padding-left:20px;border-left:1px solid #cccccc;}

/*--category--*/
#category-wrapper{
	width:530px;
	float:right;
	clear:right;
	margin:20px 0 0 0;
	text-align:left;
}

#category-wrapper td{padding:5px 20px 20px 20px;border-bottom:1px solid #cccccc;}
#category-wrapper img{margin-bottom:10px;border:1px dashed #ccc;}
.category-description {text-align:left}
.category-description span{font-weight:bold;}
.product-name-catPage{text-transform:uppercase;font-weight:bold; font-size:13px;margin:0 0 5px 0;padding:0;}


/*--specials--*/
#specials{
	float:right;
	width:540px;
	margin:20px 0 0 0;
	text-align:left;
	}
#specials table{
	margin:0;
	border:none;
	}
#specials table td{
	margin:0;
	width:250px;
	border:1px solid #cccccc;
}

/*--job--*/
#job-form{
	float:right;
	width:540px;
	margin:20px 0 0 0;
	text-align:left;
}
#job-form p{border-bottom:1px solid #ccc;position:relative;}
#job-form td{vertical-align:top;}

/*--cart--*/
#cart{float:right;width:540px;}
#disclosures{
	font-size:10px;	
	color:#000066;	
	text-align:left;
}

.cart_heading{
	font-family:Verdana;
	font-size:10px;
	background-color:#ECE9FE;
	color: #003366;
	}
.cart_items{
	font-family:Verdana;
	font-size:10px;
	padding-bottom:10px;
}
.cart-week{text-align:left;font-size:12px;}
.cart-week span{font-size:10px;color:#666666;}
/*--------------- CHECKOUT-------------*/
#checkout{text-align:left}
#checkout table tr td{font-size:12px; border-bottom:1px dashed #ccc;}
#customer, #rental{width:390px; position:relative; margin:0;}
*html #customer, *html #rental{width:350px; position:relative; margin:0;}
#customer{float:left;}
#rental{float:right;}

#checkout p{margin-left:10px;}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
	
	
	
/*---CMS --- */
#all-orders{text-align:left;}
#all-orders ul{list-style:none; }
#cms-orders a:link, a:visited, a:active, a:hover{text-decoration:none;}
#cms-homeContent{
	position:absolute;
	right:0;
	top:70px;
	border:1px solid #000;
	padding:10px;
	width:400px;
}