﻿/* layout */
html {margin:0;padding:0;background:#f0efd8;overflow-y:scroll;}
body {margin:0;padding:0;background:url(/images/headerbg.gif) repeat-x #fffff1;}

#divAll {width:960px;margin:auto;min-height:500px;}
#divMain {position:relative;margin-bottom:100px;}
#divHeader {height:150px;position:relative;}		
#divNav {position:absolute;bottom:0;left:0;}
#divFooter {background:#f0efd8;border-top:solid 1px #dfe0c9;height:150px;}

/* font */
body, input, td, select {font-family:Calibri, Arial, Sans-Serif;font-size:12px;}


/* controls */
div.box {width:290px;background:url(/images/box_footer.gif) no-repeat 0 100% #6fd2f1;}
div.box h3 {height:37px;text-indent:-10000px;margin:0 0 15px;}
div.box div.boxcontent {padding:5px 10px;}
div.box div.boxwarning {margin:5px 10px;padding:5px 5px 5px 30px;background:url(/images/error.png) no-repeat #fff 5px 7px;}

div.box div.form {margin:10px 0;}
div.box div.form label {float:left;display:block;width:100px;position:relative;top:3px;color:#fff;
	font-weight:bold; font-variant:small-caps;font-size:13px;}
div.box div.form input.textbox {color:#666;width:160px;}
div.box div.form div {margin:2px 0;}
div.box div.form div.buttons {padding:5px 0 0;margin-top:10px;}

div.box input.button {width:111px;background:url(/images/button_bg.gif);border:none;
	height:42px;outline:none;font-weight:bold;color:#38b3c2;cursor:pointer;font-size:14px;padding:0 0 8px;}
div.box input.button:hover {background-position:0 42px;}           

input.checkbox {width:15px;height:15px;padding:0;margin:0;}	
input.number {width:60px !important;}
input.error, textarea.error {background-image:url(/images/exclamation.png);background-position:100% 0;background-repeat:no-repeat;}
textarea.error {background-position:99% 3px !important;}
textarea {font-family:Consolas, Courier new;padding:5px 6px;color:#666;}
a {outline:none;}


/* header */
#divHeader h1 {background:url(/images/logo.gif);width:326px;height:150px;margin:0;position:relative;}
#divHeader h1 a {height:100px;width:250px;text-indent:-10000px;position:absolute;}
#divHeader #imgLookingForIdeas {position:absolute;top:60px;left:310px;}

#divNav a {display:block;float:left;width:76px;height:32px;text-indent:-10000px;margin-right:8px;background-position:0 -64px;}
#divNav a.selected {background-position:0 0 !important;}
#divNav a:hover {background-position:0 -32px;}
#divNav a.nohover {background-position:0 -64px !important;cursor:default;}
#divNav #aHome {background-image:url(/images/nav_home.gif);}
#divNav #aMyList {background-image:url(/images/nav_mylist.gif);}
#divNav #aMyDetails {background-image:url(/images/nav_mydetails.gif);}
#divNav #aBestsellers {background-image:url(/images/nav_bestsellers.gif);width:100px;}

#divNav #aFriendList {width:139px;background-image:url(/images/nav_otherlist.gif);margin-left:10px;text-indent:0;
	text-align:center;line-height:35px;text-decoration:none;color:#666;font-weight:bold;font-size:14px; font-variant:small-caps;}
#divNav #aFriendList:hover, #divNav #aFriendList.selected {line-height:30px;background-position:0 -32px !important;}

#divLoggedInAs {position:absolute;bottom:5px;right:42px;color:#fff;font-weight:bold;font-size:13px;}
#divLoggedInAs a {color:#ddd;text-decoration:none;padding-left:15px;}



/* form */
div.bigform h2 {font-size:24px;color:#6fd2f1;margin:0 0 20px;}
div.bigform label {color:#888;font-size:16px;display:block;float:left;width:240px;position:relative;top:6px;}
div.bigform div {margin:2px 0;padding:2px 0;}
div.bigform input.textbox {padding:3px 5px;font-size:16px;color:#555;}
div.bigform textarea {padding:3px 5px;font-size:13px;color:#555;font-family:Consolas, Courier New;}
div.bigform input.error {background-position:99% 4px;}
div.bigform select {padding:3px;font-size:16px;color:#555;margin:0;}
div.bigform div.gap {margin-top:30px;}
div.bigform div.dropdown {padding:4px 0;}
div.bigform div.dropdown label {top:2px;}
div.bigform div.current {background:#f0efd8;}
div.bigform div.current label {padding-left:5px;width:235px;color:#333;}
div.bigform div.buttons {margin-top:15px;}
div.bigform input.button {width:121px;background:url(/images/formbutton_bg.gif);border:none;
	height:45px;outline:none;font-weight:bold;color:#fff;cursor:pointer;font-size:15px;padding:0 0 8px;margin-right:5px;line-height:44px;}
div.bigform input.button:hover {background-position:0 45px;}


/* footer */
#divFooterContent {width:960px;margin:auto;margin-top:5px;font-size:11px;color:#777;position:relative;}
#divFooterContent a {color:#777;}
#divFooterContent #divCreatedBy {position:absolute;top:3px;right:35px;text-align:right;}
#divFooterContent #pFeedback {margin:0 0 5px;}

/* your friends */
#divYourFriends {margin:5px 0 20px;width:600px;}
#divYourFriends h3 {padding-left:22px;background:url(/images/friends.png) no-repeat;
	font-size:14px;margin:0;}
#divYourFriends a {text-decoration:none;font-size:11px;}
#divYourFriends a.alt {color:#333;}
#divYourFriends a:hover {text-decoration:underline;}