/*STUDIO MOULDING GLOBAL CSS */
/*RED bb1210*/
/*BACKGROUND COLOR f4f4f4*/
/*SET PAGE BACKGROUND COLOR*/
body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
background: url(../images/global/background.gif) repeat-y top center black;
}

/*SET CONTENT WIDTH*/
#wrap {
position: relative;
width: 950px;
margin: 0 auto;
padding:0;
}

#clearzone, .clearzone	{
clear:both;
margin:0;
padding:0;
height:1px;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/*LINKS ----------------------------------------------------------------------------------------------------------------------------------*/

a {
color: black;
text-decoration:none;
}

a:hover {
color:#bb1210;
}

/*HEADER ----------------------------------------------------------------------------------------------------------------------------------*/

/*LOGO BACKGROUND*/
#header { 
width: 950px;
height:90px;
margin:0;
padding:0;
background-image:url(../images/global/logo_background.gif);
background-repeat:no-repeat;
}

/*STUDIO MOULDING LOGO*/
#header a {
display:block;
width: 240px;
height: 90px;
margin-left:155px;
padding:0;
background-image:url(../images/global/studiomoulding_logo.gif);
background-repeat:no-repeat;
text-indent: -5000px;
}


/*GLOBAL NAVIGATION ----------------------------------------------------------------------------------------------------------------------------------*/

#global_navigation {
width: 950px;
margin:0;
padding:0;
}

#global_navigation ul {
margin:0;
padding:0;
list-style-type:none;
}

#global_navigation li {
float: left;
text-decoration: none;
}

/*HIDE LINK TEXT OFF PAGE*/
#global_navigation li a {
display:block;
height:30px;
background-repeat:no-repeat;
text-indent:-5000px;
}

/*DISPLAY NAVIGATION STATIC GRAPHIC*/
#global_navigation #nav_index a {
background:url(../images/global/navigation.gif) no-repeat;
width:118px;
background-position: left top;
}
#global_navigation #nav_collections a {
background:url(../images/global/navigation.gif) no-repeat;
width:203px;
background-position: -118px top;
}
#global_navigation #nav_products a {
background:url(../images/global/navigation.gif) no-repeat;
width:154px;
background-position: -321px top;
}
#global_navigation #nav_contact a {
background:url(../images/global/navigation.gif) no-repeat;
width:135px;
background-position: -475px top;
}
#global_navigation #nav_search a {
background:url(../images/global/navigation.gif) no-repeat;
width:140px;
background-position: -610px top;
}
#global_navigation #nav_login a {
background:url(../images/global/navigation.gif) no-repeat;
width:200px;
background-position: -750px top;
}

/*SETS DISPLAY FOR THE NAVIGATION ROLLOVER STATE*/
#global_navigation #nav_index a:hover {
background-position: left bottom;
}
#global_navigation #nav_collections a:hover {
background-position: -118px bottom;
}
#global_navigation #nav_products a:hover {
background-position: -321px bottom;
}
#global_navigation #nav_contact a:hover {
background-position: -475px bottom;
}
#global_navigation #nav_search a:hover {
background-position: -610px bottom;
}
#global_navigation #nav_login a:hover {
background-position: -750px bottom;
}

/*SETS THE NAVIGATION DISPLAY OF THE CURRENT PAGE TO THE ROLLOVER STATE*/
/*THE BODY ID IS SET ON EACH INDIVIDUAL PAGE*/
#body_home #global_navigation  li#nav_index a {
background-position: left bottom;
}
#body_collection #global_navigation li#nav_collections a {
background-position: -118px bottom;
}
#body_product #global_navigation li#nav_products a {
background-position: -321px bottom; 
}
#body_contact #global_navigation li#nav_contact a {
background-position: -475px bottom; 
}
#body_search #global_navigation li#nav_search a {
background-position: -610px bottom;
}
#body_login #global_navigation li#nav_login a {
background-position: -750px bottom;
}


/*CUSTOMER LOGIN NAVIGATION ----------------------------------------------------------------------------------------------------------------------------------*/

#login_nav {
width:950px;
margin:0;
padding:0;
text-align:right;
}

#login_nav ul {
margin:0 0 5px 0;
padding:0;
}

#login_nav li {
display:inline;
font-size: 11px;
padding: 5px 3px;
}

#login_nav li a {
margin:0;
padding-right: 7px;
text-decoration:none;
}


/*MAIN CONTENT ----------------------------------------------------------------------------------------------------------------------------------*/

#main_content {
width:950px;
margin:0;
padding:0;
}

/*PAGE HEADER*/
#main_content h1 {
margin:0;
padding:5px 0;
font-size:22px;
font-weight:bold;
clear:both;
}

/*BREADCRUMBS*/
#main_content h1 #breadcrumbs {
margin:0;
padding:0;
font-size:14px;
font-weight:normal;
}

#main_content h1 #breadcrumbs a	{
text-decoration:underline;
}

/*SUB NAVIGATION*/
#subNav_links	{
float:right;
font-size:14px;
margin-top:7px;
padding:0;
}

#subNav_links a	{
padding-left:10px;
text-decoration:underline;
}

#content {
margin:0;
padding:20px;
background-color:white;
}

/*FOOTER ----------------------------------------------------------------------------------------------------------------------------------*/

#rule_gradient {
margin:0;
padding:0;
width:950px;
height:15px;
background-image:url(../images/global/rule_gradient.jpg);
background-repeat:repeat-y;
}

#footer {
width:950px;
margin:10px 0;
font-size: 11px;
text-align:center;
}

#footer ul {
margin: 0 0 10px 0;
padding:0;
}

#footer li {
display:inline;
padding: 5px 3px;
}

#footer li a {
margin:0;
padding-right: 7px;
text-decoration:none;
}


/*ERROR MESSAGE ----------------------------------------------------------------------------------------------------------------------------------*/

#error	{
margin:0;
padding:20px;
background-color:white;
}

#error #message	{
border:1px solid black;
margin:10px 0;
padding:20px 30px 10px 30px;
}

#error li	{
list-style:square;
padding-bottom:10px;
}

#error a	{
font-weight:bold;
text-decoration:underline;
}

/*CORPORATE ----------------------------------------------------------------------------------------------------------------------------------*/

#corporate_content {
width:950px;
height:500px;
margin:0;
padding:0;
background-image:url(../images/corporate_bgnd.jpg);
background-repeat:no-repeat;
}

#corporate_content h1 {
margin-bottom:0;
padding-top:80px;
text-align:center;
}

#corporate_content p {
font-size:14px;
line-height:16px;
width:750px;
margin:15px auto 0 auto;
padding:0;
}

/*BUTTONS ----------------------------------------------------------------------------------------------------------------------------------*/
.buttons {
text-align:center;
}

.buttons input {
border:none !important;
}

.buttons img {
border:none;
margin:0 5px;
}

/*THANK YOU ----------------------------------------------------------------------------------------------------------------------------------*/

/*THANK YOU PAGE*/
#thankyou {
margin:0;
padding:30px 30px 40px 30px;
background-color:white;
font-size:16px;
}

#thankyou h3 {
margin:0 0 18px 0;
font-size:22px;
color:#bb1210;
}

#thankyou h4 {
margin:14px 0 8px 0;
font-size:16px;
}

#thankyou ul {
margin:0 40px;
padding:0;
}

#thankyou ul li {
margin:10px 0;
padding:0;
}

/* Important Message */
.important-message {
  position: absolute;
  top: 5px;
  right: 25px;
}

.important-message a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background: linear-gradient( to top, #860e11, #da151b);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.important-message span {
  padding: 10px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold;
}