/*
___________________________________________________________
External Style Sheet for Dogs N Cats R Us
WEB410 Web Programming 1
Team C:
 George
 Eleanor
 Wendy
 Maria
___________________________________________________________
Configuration Management:

-3/30/2007 - Eleanor: Added navbar styles
-4/1/2007 - Eleanor: Added product page styles
-4/4/2007 - Eleanor: Added shopping cart styles
-4/5/2007 - Eleanor: Added rounded corner styles
				Also added style to center customer content
-4/6/2007 - Eleanor: Adjusted styles for shopping cart
-4/8/2007 - Eleanor: Added styles for contact_us
-4/9/2007 - Eleanor: Added styles for the header
-4/10/2007 - Eleanor: Fixed centering issue with company page
			  - Eleanor: Added additional styles for company page
-4/11/2007 - Eleanor: Added additional styles for home page
___________________________________________________________
General Styles
___________________________________________________________
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: lime;
}

table.outertable {
	border: 0px solid;
	width: 800px;
}

table.navbar, td.navbar, p.navbar {
/* width should be identical to outertable width */
	width: 800px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #F4A460;
}
hr.navbar {
	width: 100%;
	height: 5px;
	color: Gray;
	vertical-align: bottom;
}
td.hrnavbar, table.hrnavbar{
	vertical-align: bottom;
}
img {
	border: 0px;
}

/*
___________________________________________________________
Header
___________________________________________________________
*/


/*
___________________________________________________________
Footer
___________________________________________________________
*/

table.footer {
	vertical-align: bottom;
	border: 0px solid;
	text-align: center;
	font-size: small;
	width: 100%;
}

td.footer_email {
	color: Blue;
	text-align: center;
}


/*
___________________________________________________________
DETAILED STYLES
___________________________________________________________
*/


/*
___________________________________________________________
index.html
___________________________________________________________
*/

a:visited.clickedLinks {
	color: Blue;
}
a:visited.videoLink {
	color: White;
}
td.sale {
	width: 150px; 
	border: 2px outset Lime; 
	font-size: 20px; color: Blue;
}
table.new {
	width: 100%;
	text-align: center;
	border: 5px solid white;
}
td.limeborder, table.limeborder, tr.limeborder, th.limeborder {
	border: 2px outset Lime;
}
td.newWhiteborder {
	border: 3px double White;
}
td.bgblack {
	background-color: Black;
}
/*
___________________________________________________________
company.html
___________________________________________________________
*/
td.companyContentCenter {
	text-align: center;
	width: 90%;
}
table.companyOuterCenter {
	text-align: center;
	width: 90%;
}
table.companyOuterCenter3 {
	text-align: center;
	width: 90%;
	border: 2px outset Lime;
}
table.companyOuterCenter2, tr.companyOuterCenter2  {
	text-align: center;
	border: 2px outset Lime;
}
tr.companyOuterCenter, td.companyOuterCenter {
	text-align: left;
	font-size: 14px;
	width: 90%;
}
table.companytopright, td.companytopright {
	vertical-align: top;
	text-align: left;
	font-size: 14px;
	border: 2px outset Lime;
}
td.companyBold {
	font-weight: bold;
	font-size: 14px;
	border: 2px outset Lime;
}
/*
___________________________________________________________
products.html
___________________________________________________________
*/
table.productPgTitle {
	font-weight: bold;
	font-size: 18px;
	color: Maroon;
	width: 99%;
}
td.productPgTitle {
	text-align: center;
}
table.productlist {
	background: White;
}
tr.listheaderrow {
	background-color: #FF8C00;
}
th.productlist {
	font-size: 11px;
	color: Navy;
}
td.item,td.category {
	vertical-align: top;
	font-size: 10px;
	font-style: italic;
	color: #5A5A5A;
}
td.image {
	vertical-align: top;
}
td.title {
	vertical-align: top;
	font-weight: bold;
	font-size: 11px;
	
}
td.description {
	font-size: 10px;
	color: #5A5A5A;
	vertical-align: top;
}
td.price {
	vertical-align: center;
	font-size: 12px;
	color: Green;
}
td.select {
	vertical-align: center;
	font-size: 10px;
	color: #5A5A5A;
	text-align: center;
}
input.buttons {
	font-size: 8px;
}
input.qty {
	font-size: 10px;
	text-align: right;
}
/*
___________________________________________________________
shoppingcart.html
___________________________________________________________
*/
input.shpbuttons {
	font-size: 10px;
}
table.form, tr.form, td.form {
	border: 0px solid Gray;
	font-size: 12;
	font-style: italic;
}
td.title2, tr.title2 {
	vertical-align: top;
	font-weight: bold;
	font-size: 11px;
	color: Red;
	background-color: Yellow;
}
td.productPgTitle2 {
	text-align: left;
}

/*
___________________________________________________________
contactus.html
___________________________________________________________
*/
table.contactouter, td.contactouter, td.contactouter, table.contactbuttons {
	text-align: center;
	width: 100%;
}
table.phonenums {
	font-size: 14px;
	width: 100%;
}
td.ctfrmNames {
	font-weight: bold;
	text-align: right;
	font-size: 12px;
}
td.ctfrmInput {
	text-align: left;
	font-size: 12px;
}
table.contactform {
	border: 10px outset;
	width: 200px;
}
tr.contactformheader{
background-color: Silver;
}
td.centerOnly, tr.centerOnly, table.centerOnly {
	text-align: center;
}
/*
___________________________________________________________
customers.html
___________________________________________________________
*/

table.customerOuter {
	width: 95%;
	text-align: left;
}
/* This was the only way to center the table for testimonials -
the style is applied to the encapsultating <td> tag for the
customers page content */
td.customertable {
	text-align: center;
}
table.tsm {
	height: 150px;
}

td.tsmHeader {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: Teal;
}
td.tsmBody {
	font-size: 12px;
	font-style: normal;
	background-color: #FFFACD;
}
td.tsmBody2 {
	font-size: 12px;
	font-style: normal;
	background-color: #DFFFDF;
}
td.tsmFooter {
	font-size: 10px;
	font-style: italic;
	color: Gray;
	text-align: right;
}
/*
___________________________________________________________
Rouded Corners
___________________________________________________________
*/
.roundedcornr_box_177105 {
   background: #ffffff;
}
.roundedcornr_top_177105 div {
   background: url(images/roundedcornr_177105_tl.png) no-repeat top left;
}
.roundedcornr_top_177105 {
   background: url(images/roundedcornr_177105_tr.png) no-repeat top right;
}
.roundedcornr_bottom_177105 div {
   background: url(images/roundedcornr_177105_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_177105 {
   background: url(images/roundedcornr_177105_br.png) no-repeat bottom right;
}

.roundedcornr_top_177105 div, .roundedcornr_top_177105, 
.roundedcornr_bottom_177105 div, .roundedcornr_bottom_177105 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_177105 { margin: 0 30px; }

/* Orange box */

.roundedcornr_box_815961 {
	background: url(images/roundedcornr_815961_tl.png) no-repeat top left;
}
.roundedcornr_top_815961 {
	background: url(images/roundedcornr_815961_tr.png) no-repeat top right;
}
.roundedcornr_bottom_815961 {
	background: url(images/roundedcornr_815961_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_815961 div {
	background: url(images/roundedcornr_815961_br.png) no-repeat bottom right;
}
.roundedcornr_content_815961 {
	background: url(images/roundedcornr_815961_r.png) top right repeat-y;
}

.roundedcornr_top_815961 div,.roundedcornr_top_815961,
.roundedcornr_bottom_815961 div, .roundedcornr_bottom_815961 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_815961, .roundedcornr_bottom_815961 {
	margin-top: -19px;
}
.roundedcornr_content_815961 { padding: 0 15px; }

/* Rounded corners for header*/
.roundedcornr_box_542595 {
   /*background: #ffffff;*/
	background: url(images/roundedcornr_542595_tl.png) no-repeat top left;
}
.roundedcornr_top_542595 {
	background: url(images/roundedcornr_542595_tr.png) no-repeat top right;
}
.roundedcornr_bottom_542595 {
	background: url(images/roundedcornr_542595_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_542595 div {
	background: url(images/roundedcornr_542595_br.png) no-repeat bottom right;
}
.roundedcornr_content_542595 {
	background: url(images/roundedcornr_542595_r.png) top right repeat-y;
}

.roundedcornr_top_542595 div,.roundedcornr_top_542595,
.roundedcornr_bottom_542595 div, .roundedcornr_bottom_542595 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_542595, .roundedcornr_bottom_542595 {
	margin-top: -19px;
}
.roundedcornr_content_542595 { padding: 0 15px; }

/*
___________________________________________________________
checkout.html
___________________________________________________________
*/
table.chkoutertable {
	border: 0px solid;
	width: 350px;
	height: 300
}
table.chkoutfooter {
	vertical-align: bottom;
	border: 0px solid;
	text-align: center;
	font-size: small;
	width: 350px;
}
table.tsm3 {
	width: 300px;
}