/*------------  This stylesheet contains global default styles for the entire site ---------- */

* {
	margin:0;
	padding:0;
	border:none;
}

/*html, body {
	height:100%;
}*/

body {
	background-color:#6A9DBA;
	background-image:url("../images/bg.gif");
	font:88% Georgia, "Times New Roman", serif;
	color:#555;
	text-align:center;
}

a, a:link, a:visited {
	color:#147193;
	text-decoration:none;
}

a:hover, a:active {
	color:#2FA190;
}

p {
	padding-bottom:20px;
	line-height:1.3em;
}

h1 {
	text-transform:uppercase;
	font-size:0.9em;
	letter-spacing:2px;
	margin:25px 0;
	
}

h2 {
	font:italic 1em Georgia, "Times New Roman", serif;
	color:#396A95;
	text-align:left;
}

#right h3 {
	font-size:0.8em;
	font-weight:normal;
	color:#555;
	text-transform:uppercase;
	letter-spacing:4px;
	text-align:justify;
	width:363px;
	margin:10px 0 50px 165px;
	line-height:2em;
}

/* Form goodness */

fieldset{
	width:500px;
	padding:0 0 20px 20px;
	border-top:1px solid #396A95;
}

address {
	display:block;
	text-align:center;
	margin:0 0 20px 20px;
}

input, textarea, select {
	border:1px solid #CCC;
	padding:2px;
	margin:2px 0;
	width:200px;
}

input.button {
	width:auto;
	border:none;
}

label {
	display:block;
	float:left;
	clear:left;
	width:120px;
	margin-right:3px;
	text-align:right;
	padding-top:3px;
}

legend {
	padding:16px 5px 0 5px;
	font-weight:bold;
	text-align:center;
	color:#396A95;
	margin-bottom:15px;
}

.alert {
	color:#C00000;
	font-size:0.8em;
}

div.alert {
	text-align:center;
}	

/* List fun */

ul, li {
	list-style:none;
}

/* Classes */

.left {
	float:left;
}

.right {
	float:right;
}

.clearBoth {
	clear:both;
	height:0;
	line-height:0;
}

/* Div ID's */

#outer {
	width:100%;
	min-height:100%;
	background-image:url("../images/gradient.gif");
	background-repeat:repeat-x;
	padding:15px 0;
}

#wrapper {
	width:780px;
	background-color:#FFF;
	margin:0 auto;
	text-align:left;
}

#header {
	width:100%;
	height:2em;
	line-height:2em;
	background-color:#000;
}

#content {
	clear:both;
	padding:25px 30px;
}

#left {
	width:160px;
	clear:left;
	float:left;
}

#right {
	width:560px;
	float:right;
	margin-top:-70px;
}

#footer {
	clear:both;
	padding:25px 0 0 0;
	font-size:0.75em;
	letter-spacing:0;
}


/* Top Navigation */

ul.nav {
	padding:0 15px;
}

ul.left {
	width:51%;
}

ul.right {
	text-align:right;
	width:41%;
}

ul.nav li {
	float:left;
}

#header a, #header a:link, #header a:visited {
	color:#F1E0B2;
	font-weight:bold;
	display:block;
	float:left;
	font-size:0.75em;
	padding:0 0.5em;
}

#header a:hover, #header a:active {
	color:#F9F3E1;
}

#contactUsDefault div.messageStackError {
	text-align:left;
	padding:0 20px 10px 20px;
}

div.messageStackError img {
	float:left;
	margin:5px 0;
}

/* stylesheet for the product details pages */

div.buttonRow {
	display:none;
}

div#categoryIcon, div#categoryImgListing, p.navNextPrevCounter, h2#productPrices, h3#attribsOptionsText {
       display:none;
}

div.navNextPrevWrapper {
	width:80%;
	float:right;
 	height:25px;
	padding:25px 0;
}

div.navNextPrevList {
	float:left;
	margin-right:7px;
}

#productDescription h2 {
	color:#555;
	padding-bottom:20px;
	position:absolute;
	margin-top:-7px;
}

div#priceBox, div#priceBoxInner {
        border:1px solid #888;
	clear:both;
}

div#priceBox {
        position:relative;
        float:left;
        width:200px;
}

div#priceBoxInner {
        padding:0 5px 5px 5px;
        margin:2px;
        width:184px;
        font-size:0.8em;
}

#right {
	position:relative;
}

#right #desc h2 {
	font-style:normal;
	font-size:0.85em;
	position:static;
	padding-top:20px;
	clear:both;
}

#right #desc h3 {
	font-weight:bold;
	text-transform:none;
	letter-spacing:0;
	text-align:left;
	width:auto;
	margin:0;
	line-height:1em;
}

#right #desc p {
	padding:25px 0 5px 0;
	font-size:0.85em;
}

#right #desc h3 p {
	padding:5px 0;
	font-size:1.1em;
	font-weight:normal;
}

div#cartAdd {
       text-align:center;
}

div#cartAdd input {
       width:25px;
	margin-top:0;
}

div#cartAdd img {
       width:50px;
}

div#productMainImage {
        width:285px;
        float:right;
	text-align:center;
}

h1#productName {
	float:none;
	display:block;
	margin-bottom:12px;
}

div#productMainImage.back, table#cartContentsDisplay .back {
       margin:0;
       padding:0;
}

label.attribsCheckbox {
	display:inline;
	float:right;
	clear:right;
	width:135px;
	margin-right:0;
	text-align:left;
	padding-top:0;
}

div.wrapperAttribsOptions {
	margin:10px 0 7px 0;
}

div.wrapperAttribsOptions input {
	float:left;
	width:10px;
   	margin:-13px 0 0 0;
}

div.wrapperAttribsOptions h4, div.wrapperAttribsOptions label {
	width:165px;
	font-weight:normal;
	text-align:left;
        margin-left:15px;
	line-height:1.5em;
}

div.wrapperAttribsOptions br.clearBoth {
	height:0;
	line-height:0;
}

div#cartAdd input.button, table#cartContentsDisplay td input.button {
	width:auto;
	border:none;
}

#categoriescss, #ezpages, #tellafriend {
	padding:20px 0 0 7px;
}

#tellafriend {
	margin-top:5px;
}

#categoriescss h3, #ezpages h3, #tellafriend h3 {
	font-size:0.8em;
	color:#888;
	text-transform:uppercase;
	border-bottom:1px solid #BBB;
	padding-bottom:3px;
	margin-bottom:2px;
	letter-spacing:2px;
        font-weight:bold;
        margin-left:0;
        width:160px;
}

#categoriescss h3:first-letter, #ezpages h3:first-letter, #tellafriend h3:first-letter {
	font-size:1.3em;
}

#sideBoxContent a {
       display:block;
}

/* Top level sidebar links - this section is for the titles (gray text) */

ul.level1 {
	width:160px;
}

ul.level1 li, #ezpages ul li {
	padding:5px 0;
}
#ezpages li {
	border-top:1px solid #BBB;
}

ul.level1 li.submenu12 span, ul.level1 li.submenu17 span {
	display:block;
	color:#888;
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:3px;
	margin-bottom:2px;
	letter-spacing:2px;
	border-bottom:1px solid #BBB;	
	margin-top:10px;
}

ul.level1 li.submenu12 span:first-letter, ul.level1 li.submenu17 span:first-letter {
	font-size:1.3em;
}

ul.level1 li.submenu12 a.cat12, ul.level1 li.submenu17 a.cat17 {
	height:0;
        font-size:0;
	display:none;
}  

ul.level2 {
	margin-top:0;
	padding-top:0;
}

ul.level2 li {
	border-top:1px solid #BBB;
}

ul.level3 {
	margin-left:20px;
	display:none;
}

ul.level3 li {
	color:#147193;
	list-style:disc;
	font-style:italic;
	border-top:none;
}

/* This section is to show and hide the subcategory levels when they come into existence. Simply copy
and past the current line, and edit as needed.  For example, if "Landscape and Scenics" ever gets
split into subcategories, then copy the below line (which currently exists for "Greece" - which is
category 8), and alter it to look like so:

body#category9 li.submenu9 ul.level3 {

And now the submenus for teh "Landscape and Scenics" category will expand when you are on that page.
Keep in mind - if you want the list to remain expanded for the subcategory page as well, then you
also have to add in that category.  The above line will *only* make the submenu expand while on the
main "Landscape and Scenics" page.  If you surf into a subdirectory, it will close the sublinks.  You must
pay attention to the category ID given to the new subcategory.  So, as an example, if you create a
subcategory in "Landscape and Scenics", and the ID issued to it is "20", then you would add the sub in
like so:

body#category9 li.submenu20 ul.level3 {

Note: "category9" - which is the "Landscape and Scenics" category.  The new category is 20, and therefore
will still reside within category 9, but you need to specify the page it's on: therefore "li.submenu20".
*/

body#category8 li.submenu8 ul.level3 {
	display:block;
}

/*---- Tell A Friend ----*/

#tellafriendContent {
	border-top:1px solid #BBB;
}

#tellafriendContent p {
	color:#147193;
	font-size:0.85em;
}

#tellafriendContent form {
	margin-top:5px;
}

#tellafriendContent input {
	width:130px;
	margin-bottom:5px;
}

#tellafriendContent input.button {
	width:17px;
	border:none;
	padding:10px 0;
	margin:0;
	vertical-align:bottom;
}

/* Search */

#searchContent {
	margin:20px 0 0 7px;
}

#searchContent input.search {
	color:#888;
	padding:2px;
	width:125px;
	float:left;
	margin-right:3px;
}

#searchContent input.button {
	float:left;
	width:14px;
	height:15px;
	border:none;
	margin-top:6px;
}

body#search #searchContent {
	display:none;
}

#tellafriendContent input {
	margin:0 3px 6px 0;
	float:left;
	width:125px;
}

#tellafriendContent div.image {
	display:inline;
	float:right;
	margin:0;
	padding:0;
}

#tellafriendContent div.image input {
	width:17px;
	border:none;
}

#cartAdd div.image input {
	width:auto;
	border:none;
}