@import url('/styles/search.css');
@import "cartstyles.css";

/*
global
____________________________________________ */
html, body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }
body { background:#fff; text-align:center; font-size:11px; }
form { margin:0; padding:0; }
img { border:none; padding:0; margin:0; text-decoration:none; }
p { font-size:12px; padding:5px 2px; text-align:left; margin:0; }
a { color:#3a6e8f; text-decoration:none; }
a:hover { color:#74abd0; }
hr {  color:#000; background:#000; height:1px; }
ul { list-style:none; }

/*
containers
____________________________________________ */
#maincaintainer { width:900px; text-align:center; margin:0 auto; }
td#left { background:#3a6e8f; width:159px; margin:10px auto; padding:10px 5px; text-align:center; border-top:#315d79; border-right:#315d79; }
td#right { background:#3a6e8f; width:159px; margin:10px auto; padding:10px 5px; text-align:center; border-top:#315d79; border-top:#315d79; }
#center { margin:0 auto; text-align:center; width:100%; padding:0 18px; }

/*
header + main nav
____________________________________________ */
#header { padding:0 0 5px 0; margin-top:15px; }
#logo { float:left; }
ul#account { margin:0; padding:0; padding-top:13px; list-style:none; float:right; white-space:nowrap; }
ul#account li { margin:0; padding:0; display:inline; margin-left:30px; }
ul#account li a { font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; 
color:#3a6e8f; text-transform:uppercase; text-decoration:none; }

#navcontainer { width:900px; height:36px; background:url(http://www.irobotskins.com/images/nav_bg.gif) left center repeat-x; margin-top:10px; }
ul#nav { margin:0 auto; padding:0; list-style:none; white-space:nowrap; }
ul#nav li { margin:0; margin-top:1px; padding:0; display:block; float:left; }
* html ul#nav li { float:left; }
ul#nav li a { width:auto; text-decoration:none; color:#082837; font-size:12px; text-transform:uppercase; padding:7px 30px; display:block; font-family:Geneva, Arial, Helvetica, sans-serif; }
* html ul#nav a { float:left; }
ul#nav a:hover { background:url(http://www.irobotskins.com/images/nav_hover.gif) top left repeat-x; color:#fff; }
ul#nav a#selected { background:url(http://www.irobotskins.com/images/nav_selected.gif) top left repeat-x; color:#082837; }

/*
secondary navs
____________________________________________ */
.sideLinks { padding:0 5px; }
.sideLinks ul { list-style:none; display:block; background:#d0d0d0; text-align:left; margin:0; padding:0; }
.sideLinks ul li { padding:6px 0 4px 0; background:#f6f6f6; margin:0 0 1px 0; line-height:11px !important; font-size:11px; }
.sideLinks ul li a { text-decoration:none; color:#333; border-left:3px solid #3a6e8f; padding:0 0 0 5px; margin:0; display:block; line-height:11px !important; font-size:11px !important; }
.sideLinks ul li a:hover { text-decoration:none; color:#3a6e8f; border-left:3px solid #82b2ca; padding:0 0 0 5px; }

/*
footer
____________________________________________ */
#footer { padding-bottom:20px; padding-top:5px; }
div#footerTop { background:#dbeaae; width:898px; height:5px; min-height:5px; border-top:1px solid #bcc996; 
border-left:1px solid #bcc996; border-bottom:1px solid #9ca77c; border-right:1px solid #9ca77c; }
#skinitLogo { width:162px; height:38px; background:url(http://www.irobotskins.com/images/skinitLogo.gif) center center no-repeat; clear:both; float:right; margin-top:10px; }
#footerLinks { clear:both; padding:15px; }
.footerLinkRow { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#3a6e8f; margin-bottom:3px; }
.footerLinkRow a { color:#3a6e8f; text-decoration:none; margin:0 3px 0 0; }
.footerLinkRow a:hover { color:#74abd0; }
.small { font-size:9px; font-family:Arial, Helvetica, sans-serif; clear:both; }


/* misc
____________________________________________ */
.box1 { width:159px; margin:0 auto 15px auto; text-align:center; background:#f6f6f6; }
.box2 { width:159px; margin:0 auto 15px auto; text-align:center; background:#f6f6f6; padding-bottom:0; }
td.searchbox { padding:10px 0; }
td.searchbox input { width:120px; margin:0 4px 0 0; padding:0; font-size:11px; }
.contentTable { width:100%; margin-top:10px; }
.header { background:url(http://www.irobotskins.com/images/head_bg.gif) top left repeat-x; text-align:center; height:20px;
font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#082837; }
.go { text-decoration:none; color:#0054bd; font-size:11px; font-weight:bold; float:right;
font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; margin-right:5px; }

.headerContent { font-size:13px; background:#fff; padding-bottom:20px; }
.linkedTd { cursor:pointer; }
td.lineTd { background:#DBEAAE; height:5px; }
td.barHeadering { background:#DBEAAE; font-size:11px; }
.barHeadering { background:#DBEAAE; font-size:11px; }
.breadCrumbs { font-size:11px; }
a.changeItem { display:block; float:left; }

#uploadStuff { padding:10px 0 0 25px; }
#uploadStuff ul li { padding:3px 0; }
#uploadStuff hr { border-top:1px solid #000; border-bottom:none; border-left:none;  border-right:none; margin:20px 0; padding:0; }
#uploadStuff label { font-weight:bold; }

/*
my account page
____________________________________________ */
.myaccountContainer { margin-left:20px; width:711px; }
#myAccountHead { font-size:12px !important; font-weight:bold; }
#myAccountTitle { width:100%; margin:15px 0; }
#myAccountTitle td { background:#eee; border:1px solid #acacac; text-align:center; font-size:12px; padding:2px; }
#myAccountEmail { font-weight:bold; font-size:11px; }
td#myAccountDivider { width:25px; }
td.myAccountHeader { background:#DBEAAE; font-size:11px; color:#000; padding:2px 5px !important; margin:5px 0 !important; font-weight:bold; }
#myAccountSettings { border:1px solid #acacac; }
#myAccountSettings td { padding:3px 0; }
td.myAccountHistoryCat { font-size:11px; font-weight:bold; padding:10px 0 10px 10px; margin:0; text-align:left; }
#myAccountSelect { border:1px solid #acacac; }
#myAccountActivity { font-size:11px; }
#myAccountHistory { padding:5px;  }
#myAccountLinks { padding:5px 10px; }
#myAccountLinks td { padding-left:10px; }
#myAccountSelectDate { padding:10px !important; }
hr.accont_rule { border:none; border-bottom:1px solid #000; margin:15px 0; }
.accountBreadcrumb { font-size:10px; color:#999; }
#changeAccountDetails { margin-top:15px; }
#changeAccountDetails input { font-size:11px; }
#changeAccountDetails select { font-size:11px; }
.accountERROR{ color:#990000; font-size:11px; font-weight:bold; }
p.disclaimer { font-size:9px; text-align:left; padding:10px 0; }