/* CSS Document */
body{
margin-top: 0px;
font-family: Arial;
}
#wrapper{
width: 780px;
margin: 0 auto;
}
.table{
border: 1px solid #666666;
width: 780px;
border-left: 1px solid #777777;
border-right: 1px solid #777777;
}
.topsplit{
width: 780px;
height: 55px;
background-color: #FE9487;
}
.topsplitleft{
width: 500px;
padding-right: 10px;
text-align: right;
color: #DA192A;
font-weight: bold;
}
.bottomborder{
background-color: #FE9487;
text-align: right;
font-size: small;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 12px;
}
.headertd{
width: 780px;
height: 100px;
background-image: url(Images/header_picture.jpg);
}
.innertable{
width: 780px;
height: 400px;
}
.navcol{
padding-top: 5px;
width: 160px;
padding-bottom: 25px;
}
.navbar{
width: 160px;
}
.navbar2{
width: 160px;
margin-bottom: 8px;
}
.navbuttons{
width: 160px;
padding-bottom: 4px;
padding-top: 4px;
border-bottom: 1px dashed #003300;
border-right: 1px invert #DA192A;
padding-left: 8px;
font-size: small;
background-color: #FE9487;
display: block;
text-decoration: none;
color: #DA192A;
}
.navbuttons:hover{
width: 160px;
padding-bottom: 4px;
padding-top: 4px;
border-bottom: 1px dashed #003300;
padding-left: 8px;
font-size: small;
background-color: #DA192A;
color: #FE9487;
}
.navbuttons a:link{
color: #FE9487;
text-decoration: none;
}
.navbuttons a:visited{
color: #218610;
text-decoration: none;
}
.navbuttons a:active{
color: #218610;
text-decoration: none;
}
.shopby{
padding-left: 5px;
font: Georgia, "Times New Roman", Times, serif;
color: #FE9487;
font-size: medium;
font-style: italic;
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px groove #888888;
background-color: #DA192A;
}
.navbarspace{
height: 8px;
}
.mainarea{
width: 570px;
padding: 10px 10px 10px 10px;
text-align: justify;
}
.tdtopheader{
height: 55px;
}
.tdtopbutton{
height: 25px;
}
.tdtopbutsplit{
width: 780px;
height: 25px;
background-color: #FE9487;
}
.tdtopbutsplitleft{
width: 500px;
}
.tablebutton{
width: 300px;
height: 25px;
margin-left: 200px;
background-color: #DA192A;
}
.button{
width: 75px;
font: Arial;
font-size: small;
font-weight: bold;
text-align: center;
text-decoration: none;
border-top: 1px dashed #999900;
border-left: 1px dashed #999900;
border-right: 1px dashed #999900;
color: #E6E6E6;
background-color: #DA192A;
display: block;
}
.button:hover{
width: 75px;
font: Arial;
font-size: small;
font-weight: bold;
text-align: center;
border-top: 1px dashed #999900;
border-left: 1px dashed #999900;
border-right: 1px dashed #999900;
color: #DA192A;
background-color: #E6E6E6;
}
.logo{
margin-left: 15px;
}
.homepagepicture{
float: right;
clear: right;
width: 200px;
height: 200px;
padding: 2px 2px 2px 8px;
margin: 4px 4px 4px 8px;
}
h1{
font-size: 1.5em;
color: #DA192A;
}
p{
font-size: small;
color: #777777;
}
.hompageproducttable{
width: 590px;
}
.producttable{
height: 265px;
width: 185px;
background-image: url(Images/productbackground.jpg);
}
.producttable:hover{
background-image: url(Images/productbackgroundonhover.jpg);
}
.producttabletoptable{
width: 185px;
height: 170px;
}
.productimage{
width: 150px;
height: 150px;
border: 1px solid #AAAAAA;
margin: 10px 17px 10px 16px;
}
.productmainarea{
width: 150px;
margin: 0px 17px 10px 16px;
}
.productname{
font-size: small;
font-weight: bold;
text-align: left;
color: #999900;
padding-bottom: 4px;
display: block;
text-decoration: none;
}
.productname2{
font-size: medium;
font-weight: bold;
text-align: left;
color: #999900;
padding-bottom: 4px;
display: block;
}
.productname a:hover{
color: #999900;
text-decoration: none;
}
.productname a:active{
color: #999900;
text-decoration: none;
}
.productname a:link{
color: #999900;
text-decoration: none;
}
.productname a:visited{
color: #999900;
text-decoration: none;
}
.productshortdescription{
font-size: small;
text-align: left;
color: #555555;
padding: -3px 0px 3px 0px;
}
.productshortprice{
font-size: small;
font-weight: bold;
padding: 3px 0px 3px 0px;
color: #DA192A;
text-align: right;
}
.productshortprice2{
font-size: small;
font-weight: bold;
padding: 3px 0px 3px 0px;
color: #DA192A;
text-align: left;
}
.addtobasketbackground{
width: 580px;
height: 340px;
background-image: url(Images/addtobasketbackground.jpg);
}
.addtobasketimagefield{
width: 320px;
}
.addproductimage{
width: 300px;
height: 300px;
margin: 20px 9px 19px 9px;
border: 1px solid #888888;
}
.ProductDescriptionTable{
width: 250px;
margin: 20px 0px 20px 0px;
}
.productlongdescription{
font-size: small;
color: #444444;
padding: 15px 0px 30px 0px;
height: 160px;
}
.addtocarttd{
padding-left: 155px;
}
.checkoutLayout{
font: Arial;
line-height: 16px; 
}
.CartTitle{ 
font-size:18px; 
font-weight: bold;	
color: #555555;
padding-bottom: 25px;
background-color:#FFFFFF; 
border-style:solid; 
border-top-width: 0px; 
border-left-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 1px; 
border-bottom-color:#DA192A; 
}
.ColumnHeader{	
font-size:11px;	
font-weight: bold; 
color: #663300; 
white-space:nowrap; 
}
.ColumnHeaderRow{ 
background-color: #FE9487; 
}
.CartFooter{
background-color: #FE9487; 
border-style:solid; 
border-top-width: 1px; 
border-left-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 1px; 
border-bottom-color:#DA192A; 
border-top-color:#DA192A; 
}
.S2B_Name {	font-size:11px;	font-weight: bold; color: #000000; text-align:left; border-style:solid; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-bottom-color:#CCCCCC; white-space:nowrap; }
.S2B_Price {	font-size:11px; font-weight:normal; color: #000000; text-align:center; border-style:solid; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-bottom-color:#CCCCCC; }
.S2B_ColumnItem {	font-size:11px; font-weight:normal; color: #000000; text-align:center; border-style:solid; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-bottom-color:#CCCCCC; }
.S2B_OrderTotal {	font-size:11px;	font-weight: bold; color: #663300; border-style:solid; border-top-width: 1px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-top-color:#999999; }
.tdphonenumber{
font: Arial;
font-size: medium;
color: #444444;
text-align: right;
}
.contactusdetailstable{
width: 148px;
border: 1px solid #aaaaaa;
}
.contactusdetails{
width: 150px;
font: Arial;
font-size: small;
}
.contactusform{
width: 410px;
padding-right: 20px;
}
.contactusformtable{
width: 388px;
}
.contactusttableheadtr{
background-color: #AAAAAA;
color: #555555;
font:Arial;
font-weight: bold;
}
}
.contactusttableheadtr{
background-color: #DA192A;
color: #555555;
font:Arial;
font-weight: bold;
}
.contactusttableheadtrleft{
padding: 3px 5px;
text-align: left;
width: 100px;
}
.contactusttableheadtrleft2{
padding: 5px 5px;
text-align: right;
font-size: small;
color: #888888;
width: 100px;
}
.contactusttableheadtrright{
padding: 5px 5px;
text-align: left;
width: 288px;
}
.contactusttableheadtrright2{
padding: 5px 5px;
text-align: left;
width: 438px;
font-size: small;
}
.contacttableheader{
width: 138px;
padding: 2px 5px;
color: #FFFFFF;
background-color: #DA192A;
font-weight: bold;
}
.contacttableheaderTitle{
width: 138px;
padding: 10px 5px 2px 5px;
color: #555555;
font-weight: bold;
}
.contacttableheaderText{
width: 138px;
padding: 2px 5px;
color: #4f80a9;
font-size: .9em;
}
.contacttableheaderText a:active{
color: #4f80a9;
text-decoration: none;
}
.contacttableheaderText a:link{
color: #4f80a9;
text-decoration: none;
font-weight: bold;
}
.tdleftcheckout{
width: 140px;
font: Arial;
font-size: small;
text-align: right;
padding: 3px 5px;
color: #555555;
}
.tdrightcheckout{
padding: 3px 0px;
}