/* -------------------------------------------------------------- 
   RESET
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { background: #fff; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: bold; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }
a { outline: none; } /* Removes Firefox imposed outline */


/* -------------------------------------------------------------- 
   TYPOGRAPHY
-------------------------------------------------------------- */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Georgia, Times, "Times New Roman", serif; }

/* HEADINGS */
h1 { font-size: 40px; line-height: 50px; font-weight: bold; margin-bottom: 10px; }
h2 { font-size: 30px; line-height: 40px; font-weight: bold; margin-bottom: 10px; }
h3 { font-size: 20px; line-height: 15px; font-weight: bold; }
h4 { font-size: 14px; line-height: 20px; }
h5 { font-size: 14px; line-height: 20px; font-weight: bold; }
h6 { font-size: 14px; line-height: 20px; font-weight: bold; }

/* TEXT ELEMENTS */
p, ul, ol, dl { margin-bottom: 20px; font-size: 14px; line-height: 20px; }
ul, ol { padding-left: 20px;}
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
dl dt { font-weight: bold; }
dl dd { padding-left: 10px; }
abbr, acronym { text-decoration: underline; }
a { color: #009; text-decoration: none; }
a:hover { text-decoration: underline; }
blockquote { margin: 20px 0; padding-left: 10px; }
dfn { font-style: italic; font-weight: bold; }
pre, code { margin: 20px 0; white-space: pre; }
pre, code, tt { font: 10px monospace; line-height: 20px; } 
tt { display: block; margin: 20px 0; line-height: 20px; }

/* TABLES */
table { margin-bottom: 20px; }
th { font-weight: bold; }

th,td { padding: 5px 10px 5px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* -------------------------------------------------------------- 
   FORMS
-------------------------------------------------------------- */

label { font-weight: bold; }
fieldset { padding: 9px; margin-bottom: 20px; border: 1px solid #ddd; }
legend { padding: 0 10px; font-weight: bold; font-size: 14px; line-height: 20px; }
textarea { padding: 10px; }




/* --------------------------------------------------------- Sarah Pinto Specific Rules -------------------------------------------------*/


p {
	color: #1A2F59;
	font-size: 13px;
	line-height: 1.5;
	padding: 5px 0px;
}

div#container {
	margin: 30px auto 0;
	width: 790px;
	border: 6px solid #1A2F59;
	padding-bottom: 0;
}

div#header {
	height: 150px;
	background: #fff url(../images/weblogo.png) no-repeat center center;
}

div#menu {
	height: 17px;
	background-color: #1A2F59;
	text-align: center;
	padding: 15px 0;
}

div#menu li {
	display: inline;
	padding: 0 25px;
}

div#menu a {
	color: #fff;
	font-size: 20px;
}

div#menu a:hover {
	color: #EB1A8E;
	text-decoration: none;
}

div#menu a.selected {
	color: #EB1A8E;
}

div#content {
	font-weight: normal;
	font-style: normal;
	text-align:center;
}

div#content p.heading {
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
	text-align:left;
}

div#content img {
	margin: 10px auto;
	border: none;
}

div#content table {
	margin: 0 auto;
}

div#content table td {
	padding: 0px 5px;
}

div#content table img {
	margin:0;
	padding:0;
	border:none;
}

div#content table img.notebook {
	margin:0;
	padding: 0 5px 0 5px;
	border:none;
}


div#content p {
	text-align: justify;
	padding: 0 100px;
}

div#content a:hover {
	opacity: 0.8;
}

div#content a.cpmc {
	text-decoration: none
}

div#content a.style8:hover {
	text-decoration: none;
	opacity: 1;
	color: #EB1A8E; 
}

div#content a.style1:hover {
	text-decoration: none;
	opacity: 1;
	color: #EB1A8E; 
}

div#content a.style3:hover {
	text-decoration: none;
	opacity: 1;
	color: #EB1A8E; 
}

div#content a.style4:hover {
	text-decoration: none;
	opacity: 1;
	color: #EB1A8E; 
}

div#content a.style9:hover {
	text-decoration: none;
	opacity: 1;
	color: #EB1A8E; 
}

div#text h3.product, div#text h4.price {
	font-size: 14px;
	font-family: Georgia, Serif;
	color: #1A2F59;
	padding: 5px 15px 0;
	text-align: left;
}

span.cart {
	float: right;
	padding: 0
}

div#text {
	width: 375px;
	float:right;
	padding: 20px 20px;	
}

div#text p.description {
	padding: 10px 15px 0;
}

div#text p.description2 {
	padding: 0px 15px 0;
}

div#text a.style1:hover {
	text-decoration: none;
	opacity: 1;
	color: #EB1A8E; 
}

div#text p.status {
	text-align: center;
	margin: 0 auto;
}

div#text a.previous-item {
	float: left;
}

div#text a.next-item {
	float: right;
}

div#text a.next-item, div#text a.previous-item {
	padding: 0 10px 10px;
}

div#footer {
	background: #1A2F59;
	height: 26px;
	padding: 7px 0 0;
	color: #fff;
	clear:both;
}

div#footer ul{
	padding: 0;
	text-align: right;
}

div#footer li {
	display: inline;
	font-size: 13px;
	padding: 0 15px;
}

div#footer a {
	color: #fff;
}

div#footer a:hover {
	color: #EB1A8E;
	text-decoration: none;
}

div#footer a#designer {
	float: right;
	padding: 15px 0 0 65px;
	font-size: 10px;
}

div#big-picture {
	float: left;
	padding: 0 0 0 20px;
}

div#other-photos ul {
	list-style:none;
	padding: 10px;
}
div#pics {
	width:360px
}