/* Start of CMSMS style sheet 'OhMa' */
* {
	margin: 0;
	padding: 0;
}

body {
	text-align: left;
	font-family: 'Trebuchet MS',Helvetica, Arial, sans-serif;
	font-size: medium;
}


img {
	border: 0;
}

a, a:link a:active {
	text-decoration: none;
	background-color: inherit;
	color: #459fc3;
        border-bottom:0;
}
a:visited {
	text-decoration: none;
	background-color: inherit;
	color: #124679;
        border-bottom:0;
}

a:hover {
	text-decoration: none;
	background-color: inherit;
	color: #b6cce4;
        border-bottom:1px dashed #312825;
}

/* LAYOUT */

body {
	margin: 0;
	padding: 0;
	color: #312825;
        background-color:#82715f;
        background-image:url(/uploads/images/layout/bg_page_oyster.jpg);
}

body.main {
	background-image:url(/uploads/images/layout/bg_page_sky.jpg);
}

div#pagewrapper {
	width:859px;
	margin: auto;
        background-color:#82715f;
        background-image:url(/uploads/images/layout/bg_page_oyster.jpg);

}

div#pagewrapper.home{
	
        background:none;

}
/* header, we will hide h1 a text and replace it with an image, we assign a height for it so the image wont cut off */

div#header {
	height: 160px;
	margin: 0;
	padding: 0;
}

div#header h1 a {
/* you can set your own image here */
	background: url(/uploads/images/layout/header.png) no-repeat left top;
/* this will make the "a" link a solid shape */
	display: block;
/* adjust according your image size */
	height: 160px;
/* this hides the text */
	text-indent: -999em;
/* old firefox would have shown underline for the link, this explicitly hides it */
	text-decoration: none;
        border-bottom:0;
}

div#header h1 {
	margin: 0;
	padding: 0;
/*these keep IE6 from pushing the header to more than the set size*/
	line-height: 0;
	font-size: 0;
/* this will keep IE6 from flickering on hover */
	background: url(/uploads/images/layout/header4.png) no-repeat left top;
}

div#header h2 {
/* this is where the site name is */
	float: right;
	line-height: 1.2em;
/* this keeps IE6 from not showing the whole text */
	font-size: 1.5em;
/* keeps the size uniform */
	margin: 35px 65px 0px 0px;
/* adjust according your text size */
	color: #f4f4f4;
/* this hides the text */
	text-indent: -999em;
}

#nav {
    font-family:Papyrus,Georgia, 'Palatino Linotype', Palatino, serif;
    position:relative;
    top:-35px;
    left:470px;
    text-align:left;
    font-size:10pt;
    line-height:1em;
}

#nav ul {
    padding:0; 
    list-style-type:none;
    font-weight:bold;
    text-align:left;
}

#nav ul li {
    height:18px;
    padding-bottom:5px;
    padding-top:5px;
    vertical-align:top;
    display:inline-block;
    
}

#nav ul li {
    *display:inline;
}

#nav a {
    font-weight:600;
    margin:0 10px 0 10px;
    text-decoration:none;
    color:#50413c;
    border-bottom:none;
    
}

#nav a:hover {color:#7b6057;border-bottom:1px dashed #b6cce4;}



div#content_home {
    position:relative;
    top:-40px;
    margin-left:auto;
    margin-right:auto;
    width:860px;
    height:510px;
    font-size:110%;
    font-weight:700;
    background: url(/uploads/images/layout/home_elephant.png) no-repeat center top;
    font-family: Papyrus, 'Trebuchet MS',Helvetica, Arial, sans-serif;
    
}

div#content_home div {
    width:360px;
    padding-top:300px;
    padding-left:70px;
}

div#content {
    position:relative;
    top:-23px;
    width:804px;
    font-size:90%;
    background-color:#fff;
    padding:20px;
    margin:0 5px;
    border:2px solid #b6cce4;
}

div#footer {
       clear:both;
       font-size:75%;
       text-align:right;
       color:#50413c;
       padding-top:4em;
    line-height:1.2em;
}

div#footer a {color:#7b6057;}

div#footer a:hover {color:#50413c;border-bottom:1px dashed #b6cce4;}

div#sidebar {
    float:right;
    width:350px;
    margin:0 10px;
}

div#sidebar p {
    margin:.5em 1em;
    text-align:left;
}

div#sidebar img {
    margin-bottom:10px;
    
}

.free-shipping {
    font-size:100%;
    font-style:italic;
}

/* as we hid all hr for accessibility we create new hr with div class="hr" element */
div.hr {
	height: 1px;
	padding: 1em;
	border-bottom: 1px dotted black;
	margin: 1em;
}
/* relational links under content */
div.left49 {
/* combined percentages of left+right equaling 100%  might lead to rounding error on some browser */
	width: 70%;
}
div.right49 {
	float: right;
	width: 29%;
/* set right to keep text on right */
	text-align: right;
}
/********************CONTENT STYLING*********************/
/* HEADINGS */
div#content h1 {
	font-family:Papyrus, Georgia, 'Palatino Linotype', Palatino, serif;
        font-size: 140%;
	line-height: 1.5em;
	margin: 0 0 10px 0;
        text-align:left;
        color:#50413c;

}
div#content h2 {
	font-family:Papyrus, Georgia, 'Palatino Linotype', Palatino, serif;
        color: #7b6057;
	font-size: 120%;
	text-align: left;
	line-height: 1.2em;
        margin:10px 0;

}
div#content h3 {
	font-family:Papyrus, Georgia, 'Palatino Linotype', Palatino, serif;
        color: #7b6057;
	font-size: 100%;
	margin: .5em 0;
        text-align:left;
}

div#sidebar h1 {
    text-align:center;
    font-size:110%;
}

/* END HEADINGS */
/* TEXT */

p {margin-top:.5em;margin-bottom:.5em;}

blockquote {
	border-left: 10px solid #ddd;
	margin-left: 10px;
}

form {
    font-size:80%;
}
strong, b {
/* explicit setting for these */
	font-weight: bold;
}
em, i {
/* explicit setting for these */
	font-style: italic;
}
/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
/* css-3 */
	white-space: pre-wrap;
/* Mozilla, since 1999 */
	white-space: -moz-pre-wrap;
/* Opera 4-6 */
	white-space: -pre-wrap;
/* Opera 7 */
	white-space: -o-pre-wrap;
/* Internet Explorer 5.5+ */
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
pre {
/* black border for pre blocks */
	border: 1px solid #000;
/* set different from surroundings to stand out */
	background-color: #ddd;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;
}
/* Separating the divs on the template explanation page */
div.templatecode {
	margin: 0 0 2.5em;
}
/* END TEXT */
/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
	margin: 0 0 0.25em 3em;
}
/* definition lists topics on bold */
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}
/* END LISTS */

/*PRODUCTS*/

#swatches {
    width:480px;
    float:left;
    text-align:center;
    font-size:8pt;
    margin:1em 0;
    line-height:1em;
    
}
#swatches div {
    width:74px;
    height:95px;
    float:left;
    margin:0 2px;
}
#swatches img {
    border:0;
    width:70px;
    height:70px;
}

div.product {
    margin:1em 1em 1em 0;
    clear:left;
    line-height:110%;
}

div.product p {
    margin:5px 0 10px 0;
}

div.product h1 {
    font-size:110%;
    text-align:left;
    color:#50413c;
    margin-bottom:0;
}

div.product div {
    float:left;
    width:150px;
    margin:0 10px 10px 10px;
    text-align:center;
    vertical-align:top;
}

div.product form {
    margin-top:.25em;
    margin-bottom:.25em;
    font-size:80%;
}

div.product div a:hover {border-bottom:0;}

div.product img {
    border:none;
}

div#product_detail{
    margin:1em 0;
    clear:both;
}

div#product_detail h1 {
    font-size:medium;
    text-align:left;
    color:#456;
    visibility:hidden;
}

div#product_detail div {
    float:left;
    width:400px;
    margin:0 10px;
    font-size:x-small;
    text-align:center;
}

div#product_detail img {
    border:none;
}

div#image_stack {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-top:1em;
}

div#image_stack div {
    float:left;
    margin:5px;
    font-size:9pt;
    text-align:center;
    line-height:110%;
}

div#image_stack img {
    margin:0 0 5px 0;
}

div#image_stack p {
    margin:.25em 2em;
    white-space:normal;
}

/*END PRODUCTS*/

img.page_detail {
    margin:0 1em 1em 1em;
    border:none;
    float:right;
}
/* End of 'OhMa' */