/* Common */
html, body { height: 100%;	padding: 0; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; text-align: center; background-color: #000000;}
body, table, td, input, textarea, select{ font-family: Arial; }
body{ font-size: 12px; color: #222222;}
td{	font-size: 12px; color: #222222;; line-height: 140%; vertical-align: top; }

hr{ color: #C6C6C6; }

h1{ font-size:24px; display: inline; line-height: 120%} 
h2{ font-size:16px; display: inline; } 
h3{ font-size:14px; display: inline; } 
h4{ font-size:12px; display: inline; font-weight: bold; padding-right:3px; } 
h5{ font-size:11px; display: inline; font-weight: normal; } 
h6{ font-size:10px; display: inline; } 

form{ padding: 0; margin: 0;}
input{	font-size: 11px; }
textarea{	font-size: 11px; }
select{	font-size: 11px; }
img {border: none;}

a:link { color: #0000CC; text-decoration: none;}
a:visited {	color: #0000CC; text-decoration: none;}
a:active {  color: #0000CC; text-decoration: none;}
a:hover { color: #CE2421; text-decoration: none;}

/* Side Menu and Content */
#main {
	width: 880px;
	height: auto !important;
	min-height: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	background-color: #FFFFFF;
}

#content_wrapper { 
	position: relative;
	float: left;
	width: 880px; 
	height: auto;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
}


#sidemenu { 
	position: relative;
	float: left;
	width: 185px;
	padding: 5px;
	background-color: #FFFFFF;
	height: auto;
}

#content { 
	position: relative;
	float: right;
	width: 660px; 
	height: auto;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 15px;
	background-color: #FFFFFF;
}

#header { 
	position: relative;
	float: left;
	margin: 0;
	width: 850px;
	height: 78px;
	padding-left: 20px;
	padding-right: 10px;
}
.logo { float: left; width: 300px;	padding: 5px 0 0 10px;}
.comdevweb { float: right; margin-top: 15px;}
.comdevweb .shoppingcart { margin: 30px 0 0 0; padding: 0; text-align: right;} 
.comdevweb .shoppingcart img {padding:0 2px 0 20px;} 

#menucontainer {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 34px;
	background: url('../images/topbar1.gif') no-repeat;
}

.topmenu {float:left; width: 800px; margin-left: 35px;}
.topmenu ul {width: auto; margin-top: 7px; margin-left: 0; padding: 0; list-style-type: none;}
.topmenu ul li {float:left; width: auto;  margin: 0 30px 0 0; padding: 0 30px 0 0;}
.topmenu ul li.lastmn {margin-right: 0; padding-right: 0;}
.topmenu ul li a:link {color: #FFF; font-size:13px; font-weight: bold; line-height:16px;}
.topmenu ul li a:visited {color: #FFF; font-size:13px; font-weight: bold; line-height:16px;}
.topmenu ul li a:active {color: #FFF; font-size:13px; font-weight: bold; line-height:16px;}
.topmenu ul li a:hover {color: #FFF; font-size:13px; font-weight: bold; line-height:16px; text-decoration: underline;}
.topmenu ul li a.menuactive {text-decoration: underline;}

#breadcrumb {
	position: relative;
	float: left;
	margin: 0;
	width: 870px;
	height: 25px;
	margin-left: 10px;
}
.breadcrumb-nav {float: left; width: auto; font-size: 11px; margin-top:5px; padding:0;}


#bookmark {
	position: relative;
	float: left;
	margin: 0;
	width: 870px;
	height: 18px;
	margin-left: 10px;
	font-size: 11px;
}
.socialbookmark {float: left; width: auto;}
.socialbookmark ul {width:auto; margin:0 10px 0 0; padding:0; list-style-type:none;}
.socialbookmark ul li {float:left; width:auto; white-space:nowrap; margin:0 3px 0 0; padding:0 10px 0 0;}
.socialbookmark ul li img {padding-right: 5px;}
.socialbookmark a.emailthis{ text-align: left;}
.socialbookmark a.bookmarking{ text-align: left; }


/* Pop Up DIV for Bookmark, Email this to Friend */
.popupdiv { position: absolute;  z-index:30;  top: 0;  left: 0; font: 12px Arial; }
.popup_inner{ border:2px solid #CCCCCC; width:335px; }
.popup_header{ border-bottom:1px solid #D7DBDA;	padding:3px; background:#D7DBDA; height:20px; text-align:left; }
.popup_content{ background:#F3F3F3;	padding:10px; text-align:center; }


/* Footer */
#footer {float: left; height:275px; font-size:11px; margin:0; padding:0; width:880px;}
.primary {float:left; height:190px; width:100%; padding:5px 0 5px; background:#F0F0F0; }
.primary div.section {float:left; text-align:left; padding:0 10px;}
.primary div.section p {float:left; width:150px; font-weight:bold; margin:5px 0 0; padding:0;}
.primary div.section ul {float:left; width:150px; margin:3px 0 5px; padding:0; list-style-type:none;}
.primary div.section ul li {float:left; width:150px; margin:0; padding:0;}
.primary div.section ul li a {line-height:16px;}
.primary div.section.first,
.primary div.section.second {width:110px;}
.primary div.section.first p {width:110px;}
.primary div.section.second p {width:110px;}
.primary div.section.first ul {width:110px;}
.primary div.section.second ul {width:110px;}
.primary div.section.first ul li {width:110px;}
.primary div.section.second ul li {width:110px;}
.primary div.section.fourth {width:160px;}
.primary div.section.fifth {width:200px;}
.primary div.section.third {width:170px;}
.primary div.section.third p {width:170px;}
.primary div.section.third ul {width:170px;}
.primary div.section.third ul li {width:170px;}
.primary div.section.first,
.primary div.section.second,
.primary div.section.third,
.primary div.section.fourth,
.primary div.section.fifth {height:180px;}
.primary div.section.first,
.primary div.section.fifth {border-right:none;}
.primary div.section.fifth ul {width:200px;}
.primary div.section.fifth ul li {width:auto; white-space:nowrap; margin:0 5px 0 0; padding:0 5px 0 0; border-right:1px solid #D1D1D1;}
.primary div.section ul li.last {border-right:none;}

.partnerlink { float:left; width:100%; margin: 0; height: auto; border-top: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; background: #ffffff;}
.partnerlink ul {float:left; width:100%; margin:3px 5px 5px 5px; padding:0; list-style-type:none;}
.partnerlink ul li {float: left; width:auto; white-space:nowrap; margin:0 5px 0 0; padding:0 5px 0 0; border-right:1px solid #D1D1D1;}


.copyright { float:left; width:100%; height: 64px; background: url(../images/footer_bg.gif); color: #ffffff;}
.copyright a{ color: #ffffff; }
.copyright a:hover{ color: #ffffff; text-decoration: underline; }

