body, p {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#404040;}
a {cursor:pointer;}
a:hover {text-decoration:underline;}

/*general text styles*/
.text10 {font-size:10px;}
.text11 {font-size:11px;}
.text12 {font-size:12px;}
.text13 {font-size:13px;}
.text14 {font-size:14px;}
.text15 {font-size:15px;}
.text16 {font-size:16px;}
.text18 {font-size:18px;}
.text22 {font-size:22px;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.gray {color:#808080;}
.red {color:#FF0000;}
.green {color:#00FF00;}
.black {color:#000000;}
.white {color:#ffffff;}
.blue {color:#367CEE;}
.red {color: #C00000;}
.navy {color: #003D82;}
.tiny {font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.small {font-size:11px;}
.medium {font-size:12px;}
.large {font-size:14px;}
/*alignment*/
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.f-right {text-align:right;}

/*common*/
tr.alt0 td {background:#F4FBFC;}
tr.alt1 td {background:#FFFFFF;}

#delivery_fee_info {color:#202020; font-weight:bold; padding-left:20px;}

.boxed {border:1px solid #F3A7A0; background:#F8CDC9; padding:15px; font-size:11px; color:#000000;}

/* so we didnt have to go through each template css file and add it */
input[type=button], input[type=button]:hover, button {cursor:pointer;}