/* +------------------------------------------------------------+ */
/* | General XHTML Elements                                     | */
/* +------------------------------------------------------------+ */

body {
     color: #818181;
     background-attachment: scroll;
     background-color: #FFFFFF;
     font-family: Verdana, Tahoma, Arial, sans-serif;
     font-size: 11px;
     font-weight: normal;
     text-align: left;
     margin: 10px auto 10px auto;
     }


a {
    color: #5b5b5b;
	text-decoration: none;
     }

p {
     margin: 10px 10px 10px 10px;
     }

sup {
     display: inline;
     padding: 0px;
     vertical-align: super;
     font-size: 8px;
     }

a:hover {
     color: #ff045d;
     letter-spacing: 2px;
     text-decoration: none;
     }

fieldset {
     border: none;
     padding: 4px 0px 4px 5px;
    }

fieldset p {
     display: block;
     font-size: 11px;
     margin: 5px 5px 5px 2px;
     }

form {
     margin: 0px 0px 5px 0px;
     padding: 0px;
     }

img {
     border:1px solid #cccccc
     }
	 
.bdrless {
border: none #FFF;
}

li {
     padding-bottom: 5px;
     }

/* +------------------------------------------------------------+ */
/* | General XHTML Classes                                      | */
/* +------------------------------------------------------------+ */

.center {
     text-align: center;
     }

.inlinecenter {
     text-align: center;
     }

p.inline {
     display: inline;
     padding: 0px;
     }

.strong {
     color; #000000;
     font-family: Verdana, Tahoma, Arial, sans-serif;
     font-size: 11px;
     font-weight: bold;

      }

.big {
     font-weight: bold;
     font-size: 14px;
     }

.hidden {
     display: none;
     }

a.unfancy {
     color: #818181;
     font-weight: normal;
     text-decoration: none;
     }

a.unfancy:hover {
     color: #818181;
	 letter-spacing: normal;
     }

/* +------------------------------------------------------------+ */
/* | Skin Specific Divs                                         | */
/* +------------------------------------------------------------+ */

#skin_wrapper {
     width: 900px;
     padding: 0px;
     margin: auto;
     }

#skin_ct {
     width: 100%;
     padding: 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     border: none;
     }

#skin_ct_lcol_head {
     background-color: #FFFFFF;
     padding: 7px 7px 10px 7px;
     margin: 0px;
     vertical-align: top;
     width: 160px;
     }


#skin_ct_rcol_head {
     background-color: #FFFFFF;
     padding: 7px 7px 10px 7px;
     margin: 0px;
     vertical-align: top;
     }

#skin_ct_lcol {
     background-color: #FFFFFF;
     padding: 3px 17px 7px 7px;
     margin: 0px;
     vertical-align: top;
     width: 160px;
     text-align: left;
     }

#skin_ct_mcol {
     background-color: #FFFFFF;
     padding: 7px;
     margin: 0px;
     vertical-align: top;
     }

#skin_ct_rcol {
     background-color: #FFFFFF;
     padding: 3px 7px 7px 17px;
     margin: 0px;
     vertical-align: top;
     width: 160px;
     }

#skin_footer {
     padding: 0px;
     margin-top: 10px;
     text-align: center;
     }

#skin_pgtitle {
     color: #30569D;
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;
     font-weight: bold;
     border-bottom: 1px solid #999999;
     }

#skin_content {
     margin: auto;
     }

/* +------------------------------------------------------------+ */
/* | Skin Specific Classes                                      | */
/* +------------------------------------------------------------+ */

.skin_fenavh {
     color: #9dcfd1;
     padding: 0px 0px 0px 0px;
     margin: 5px;
     border-bottom: none;
     font-weight: bold;
     }

.skin_fenav ul {
     padding: 0px;
     margin: 8px 0px 10px 0px;
     list-style: none;
     }

.skin_fenav ul li {
     margin: 0px;
     list-style: none;
     }

.skin_fenav ul li a {
     color: #9dcfd1;
     font-weight: normal;
     display: block;
     text-decoration: none;
     padding: 3px 5px 3px 10px;
     background-image: url('media/menu_arrow.png');
     background-repeat: no-repeat;
     background-position:  center left;
     }

.skin_fenav ul li a:hover {
     color: #ff007e;
     background-color: #C2DFFF;
     text-decoration: none;
     }

.skin_headacct {
     width: 100%;
     text-align: right;
     clear: both;
     }

.skin_fenavmini {
     background-color: #ffffff;
     padding: 0px;
     margin: 0px 0px 0px 0px;
     border-top: none;
     border-left: none;
     border-right: none;
     border-bottom: none;
     }

#skin_menu_head ul {
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;
     list-style: none;
     border-bottom: none;
     }

#skin_menu_head li {
     padding: 0px;
     margin: 0px;
     list-style: none;
     display: inline;
     }

#skin_menu_head ul li a {
     color: #9dcfd1;
     font-weight: normal;
     text-decoration: none;
     margin: 0px 30px 0px 0px;
     padding: 0px 0px 0px 10px;
     background-image: url('media/menu_arrow.png');
     background-repeat: no-repeat;
     background-position: center left;
     }

#skin_menu_head ul li a:hover {
     color: #ff007e;
     text-decoration: none;
     }

#skin_headacct {
     padding: 0px 0px 0px 10px;
     background-image: url('media/menu_arrow.png');
     background-repeat: no-repeat;
     background-position: center left;
}

/* +------------------------------------------------------------+ */
/* | KHXC Required Divs                                         | */
/* +------------------------------------------------------------+ */

#khxc_debug {
     color: #555555;
     background-color: #FFFFFF;
     border-top: 1px solid #999999;
     overflow: hidden;
     padding: 10px;
     margin: 10px auto 10px auto;
     }

#khxc_printable {
     background-color: #FFFFFF;
     border: 1px solid #999999;
     padding: 10px;
     margin: auto;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Messages                            | */
/* +------------------------------------------------------------+ */

.khxc_error {
     color: #FF0000;
     font-weight: bold;
     }

.khxc_confirm {
     color: #000000;
     font-weight: bold;
     }

.khxc_imgfloatrt {
     float: right;
     margin-bottom: 10px;
     margin-left: 0px;
     display: inline;
     }

.khxc_inline {
     display: inline;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Boxed Monospace Code                | */
/* +------------------------------------------------------------+ */

.khxc_preboxed {
     margin: 5px 0px 0px 0px;
     padding: 5px;
     border: 1px solid #999999;
     font-family: Fixed, monospace;
     overflow: hidden;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Form Fields                         | */
/* +------------------------------------------------------------+ */

.khxc_formfieldradcb {
     color: inherit;
     background-color: inherit;
     }

.khxc_formfield {
     background-color: #f2f2f2;
     border: 1px solid #555555;
     margin: 5px 5px 0px 2px;
     font-size: 12px;
	 font-family: Verdana, Tahoma, Arial, sans-serif;
	 color: #57888a;
     }

.khxc_formfield:hover {
     background-color: #F5F5F5;
     }

.khxc_formfieldp {
     display: block;
     padding: 0px;
     margin: 0px 0px 2px 2px;
     }

.khxc_formfieldpnfs {
     display: block;
     padding: 0px 5px 0px 5px;
     margin: 0px 0px 5px 0px;
     }

.khxc_formfielda {
     display: block;
     padding: 0px 5px 0px 5px;
     margin: 0px 0px 2px 0px;
     }

.khxc_formbutton {
     color: #555555;
     background-color: #DEDEDE;
     padding: 1px;
     margin: 0px 0px 5px 0px;
     font-size: 11px;
     width: 130px;
     border: 1px solid #555555;
     }

.khxc_formbutton:hover {
     color: #ff045d;
     background-color: #c4c4c4;
     }

.khxc_quickbutton {
     color: #555555;
     background-color: #DEDEDE;
     padding: 1px;
     margin: 0px;
     font-size: 11px;
     width: 130px;
     border: 1px solid #555555;
     }

.khxc_quickbutton:hover {
     color: #ff045d;
     background-color: #c4c4c4;
     }

.khxc_quickform {
     margin: 10px 0px 0px 0px;
     }

.khxc_quickfield {
     background-color: #f2f2f2;
     border: 1px solid #555555;
     font-size: 11px;
     margin: 1px 0px 0px 0px;
     }

.khxc_quickfield:hover {
     background-color: #EFEFEF;
     }

.khxc_formfieldradcb_rnc {
     background-color: #FFA4A4;
     }

.khxc_formfield_rnc {
     background-color: #FFA4A4;
     border: 1px solid #555555;
     font-size: 11px;
     margin: 5px 5px 0px 2px;
     }

.khxc_formfield_rnc:hover {
     background-color: #EFEFEF;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Form Table Displays                 | */
/* +------------------------------------------------------------+ */

.khxc_formsecthead {
     color: #FF6600;
     margin: 5px 10px 10px 10px;
     padding: 4px 5px 4px 0px;
     border-bottom: 0px solid #999999;
     font-weight: bold;
	 letter-spacing: normal;
     }

table.khxc_formtblone {
     margin: 0px 0px 10px 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
	 letter-spacing: normal;
     }

table.khxc_formtbltwo {
     margin: 0px 0px 10px 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
	 letter-spacing: normal;
     }

td.khxc_formtbltwo {
     padding: 4px 2px 4px 2px;
     width: 50%;
     vertical-align: top;
     border-bottom: 0px solid #DEDEDE;
     }

td.khxc_formtbltwospan {
     padding: 4px 2px 4px 2px;
     width: 100%;
     vertical-align: top;
     border-bottom: 0px solid #DEDEDE;
     }

td.khxc_formtblone {
     padding: 4px 2px 4px 2px;
     width: 100%;
     vertical-align: top;
     border-bottom: 0px solid #DEDEDE;
	 letter-spacing: normal;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Sort Table Displays                 | */
/* +------------------------------------------------------------+ */

table.khxc_sorttable {
     margin: 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
     }

th.khxc_sorttable {
     padding: 4px 15px 4px 15px;
     border: none;
     vertical-align: top;
     font-weight: bold;
     }

td.khxc_sorttable {
     padding: 4px 15px 4px 15px;
     border: none;
     vertical-align: top;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Regular Table Displays              | */
/* +------------------------------------------------------------+ */

.khxc_regtablehead {
     color: #FF6600;
     margin: 5px 10px 10px 10px;
     padding: 4px 5px 4px 0px;
     border: none;
     font-weight: bold;
     clear: both;
     }

table.khxc_regtable {
     margin: 0px 0px 10px 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
     }

td.khxc_regtable {
     padding: 4px 20px 4px 20px;
     vertical-align: top;
     border: none;
     }

.khxc_regtable p {
     padding: 0px;
     margin: 0px 0px 5px 0px;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Ghost Table Displays                | */
/* +------------------------------------------------------------+ */

table.khxc_ghost {
     margin: 0px;
     padding: 0px;
     border-spacing: 3px;
     border-collapse: collapse;
     width: 100%;
     }

td.khxc_ghost {
     padding: 0px;
     margin: 0px;
     vertical-align: top;
     }

.khxc_ghost form {
     display: inline;
}

td.khxc_ghost img {
     margin-right: 10px;
     margin-bottom: 10px;
     }

td.khxc_ghost p {
     margin: 0px 0px 6px 0px;
}

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Boxed Paragraphs                    | */
/* +------------------------------------------------------------+ */

p.khxc_ultablesp {
     margin: 0px;
     font-size: 1px;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Online Store Displays               | */
/* +------------------------------------------------------------+ */

.khxc_storehead {
     color: #FF6600;
     margin: 5px 10px 5px 10px;
     padding: 0px 0px 0px 0px;
     border: none;
     font-weight: bold;
     font-size: 12px;
     clear: both;
     }

.khxc_storelink {
     color: #78a7a9;
     background-color: #f2f2f2;
     margin: 0px 0px 0px 0px;
     padding: 4px 10px 4px 5px;
     text-align: right;
     font-size: 10px;
	 font-weight: bold;
     }

.khxc_storelink p {
     color: #555555;
     margin: 0px;
	 font-weight: normal;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Category List Display Tables        | */
/* +------------------------------------------------------------+ */

table.khxc_cptbl_cat {
     margin: 0px 0px 10px 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
     }

td.khxc_cptbl_cat {
     padding: 5px 0px 0px 0px;
     vertical-align: top;

     }

td.khxc_cptbl_cat a {
     font-weight: bold;
     
     }

td.khxc_cptbl_cat_blank {
     display: none;
     }

.khxc_cptbl_title {
     	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #74a0a2;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Product List Display Tables         | */
/* +------------------------------------------------------------+ */

table.khxc_cptbl_prod {
     margin: 0px 0px 0px 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
     }

td.khxc_cptbl_prod {
     padding: 0px 0px 0px 0px;
     vertical-align: top;
     border: none;
	 background-color: transparent;
     }

td.khxc_cptbl_prod a {
     font-weight: bold;
     }

td.khxc_cptbl_prod_blank {
     display: none;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Product Detail Display Tables       | */
/* +------------------------------------------------------------+ */

table.khxc_cptbl_det {
     margin: 0px 0px 0px 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
     }

td.khxc_cptbl_det {
     padding: 10px 10px 0px 10px;
     vertical-align: top;
     }

td.khxc_cptbl_det_blank {
     display: none;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Price Displays                      | */
/* +------------------------------------------------------------+ */

.khxc_pricediv {
     margin: 0px 0px 2px 0px;
     }

.khxc_price {
     color: #ff045d;
     font-weight: bold;
     display: inline;
     font-size: 12px;
     }

.khxc_pricex {
     color: #000000;
     font-weight: bold;
     display: inline;
     text-decoration: line-through;
     font-size: 11px;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Shopping Cart Displays              | */
/* +------------------------------------------------------------+ */

.khxc_cartbutton {
     color: #555555;
     background-color: #DEDEDE;
     padding: 2px 5px 2px 5px
     font-size: 11px;
     font-weight: normal;
     text-align: center;
     display: block;
     margin: 0px 0px 5px 0px;
     border: 1px solid #555555;
     letter-spacing: normal;
     }

.khxc_cartbutton:hover {
     color: #ff045d;
     background-color: #c4c4c4;
     letter-spacing: normal;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Misc                                | */
/* +------------------------------------------------------------+ */

.khxc_clearboth {
     clear: both;
     }

.khxc_outstock {
     color: #83b5b7;
     }

a.khxc_hrefbutton {
     color: #555555;
     background-color: #DEDEDE;
     padding: 2px 5px 2px 5px;
     font-size: 11px;
     font-weight: normal;
     text-align: center;
     display: block;
     border: 1px solid #555555;
     text-decoration: none;
     }

a.khxc_hrefbutton:hover {
     color: #ff045d;
     background-color: #c4c4c4;
     text-decoration: none;
     cursor: default;
     letter-spacing: normal;
     }

.khxc_outline {
     border: none;
     padding: 5px;
     margin-top: 5px;
     }

.khxc_outline p {
     margin: 0px 0px 3px 0px;
}

/* +------------------------------------------------------------+ */
/* | End                                                        | */
/* +------------------------------------------------------------+ */


/* +------------------------------------------------------------+ */
/* | SPLASH PAGE SIDEBAR                                   | */
/* +------------------------------------------------------------+ */

.splash2clm #container { 
	width: 747px;  
/* using 20px less than a full 750px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color: transparent;
	margin: 0 auto; 
/* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; 
/* this overrides the text-align: center on the body element. */
} 

.splash2clm #sidebar1 {
	float: right; 
/* since this element is floated, a width must be given */
	width: 135px; 
/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background-color: transparent;
	
/* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 5px 0px 5px;
}
.splash2clm #mainContent { 
	margin: 0 0 0 0; 
/* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px; 
/* remember that padding is the space inside the div box and margin is the space outside the div box */
    background-color: transparent;
} 
.splash2clm #footer { 
	padding: 0px 0px 0px 10px; 
/* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color: transparent;
	width: 600px;
} 
.splash2clm #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	 background-color: transparent;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* +------------------------------------------------------------+ */
/* | TWITTER                                   | */
/* +------------------------------------------------------------+ */

#twitter_div {
font-size: 10px
color: #74a0a2;
margin-top: 15px;
 }  
 
ul#twitter_update_list {
margin-left: .3em;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
padding-top: 0px;
padding-left: .5em;
}
   
ul#twitter_update_list li { 
list-style-image: url('https://www.crywolfclothing.com/images/heart.gif');
margin-bottom: 7px;
}   

ul#twitter_update_list li a {
font-size: 9px
letter-spacing: normal;
 } 


ul#twitter_update_list a {
display:block;
margin: 0px;
letter-spacing: normal;
font-size: 8.5px
}


/* +------------------------------------------------------------+ */
/* | IMAGE MAP ROLLOVERS                                | */
/* +------------------------------------------------------------+ */

#header { 
  background-image: url(https://www.crywolfclothing.com/images/headerh.jpg);
  height: 200px;
  width: 900px;
  position: relative;

  }


#menu a {
  position: absolute;
  height: 200px;
  width: 900px;
  top: 0px;
  text-decoration: none;

  }

#menu a i { visibility: hidden; }


a#home { left: 380px; top: 149px; width: 66px; height: 51px; }
a#about { left: 451px; top: 145px; width: 93px;  height: 55px; } 
a#blog { left: 550px; top: 133px; width: 65px; height: 67px; }
a#gallery { left: 614px; top: 121px; width: 81px; height: 79px; }
a#account { left: 702px; top: 128px; width: 118px; height: 72px; }
a#cart { left: 831px; top: 150px; width: 65px; height: 50px; }
a#mailinglist { left:540px; top: 58px; width: 135px; height: 80px; }


a#home:hover { background-image: url(https://www.crywolfclothing.com/images/headerh1.jpg); 
}
a#about:hover { background-image: url(https://www.crywolfclothing.com/images/headerh2.jpg); 
}
a#blog:hover { background-image: url(https://www.crywolfclothing.com/images/headerh3.jpg); 
}
a#gallery:hover { background-image: url(https://www.crywolfclothing.com/images/headerh4.jpg); 
}
a#account:hover { background-image: url(https://www.crywolfclothing.com/images/headerh5.jpg); 
}
a#cart:hover { background-image: url(https://www.crywolfclothing.com/images/headerh6.jpg); 
}

a#mailinglist:hover { background-image: url(https://www.crywolfclothing.com/images/headerh7.jpg); 
}

a#home:active { background-image: url(https://www.crywolfclothing.com/images/headerh1.jpg); 
}
a#about:active { background-image: url(https://www.crywolfclothing.com/images/headerh2.jpg); 
}
a#blog:active { background-image: url(https://www.crywolfclothing.com/images/headerh3.jpg); 
}
a#gallery:active { background-image: url(https://www.crywolfclothing.com/images/headerh4.jpg); 
}
a#account:active { background-image: url(https://www.crywolfclothing.com/images/headerh5.jpg); 
}
a#cart:active { background-image: url(https://www.crywolfclothing.com/images/headerh6.jpg); 
}
a#mailinglist:active { background-image: url(https://www.crywolfclothing.com/images/headerh7.jpg); 
}

a#home:hover { border: none; } 
a#about:hover { border: none; }  
a#blog:hover { border: none; }  
a#gallery:hover { border: none; }  
a#account:hover { border: none; }    
a#cart:hover { border: none; } 
a#cart:mailinglist { border: none; } 

/* +------------------------------------------------------------+ */
/* | Addthis                                | */
/* +------------------------------------------------------------+ */

.addthis_toolbox .custom_images a{    
width: 20px;    
height: 20px;    
margin: 0;    
padding: 0;
}

.addthis_toolbox .custom_images a:hover img{    
opacity: 1;
}

.addthis_toolbox .custom_images a img{    
opacity: 0.5;
}

/* +------------------------------------------------------------+ */
/* | FAQ                               | */
/* +------------------------------------------------------------+ */

#faq_div {
font-size: 11px
color: #74a0a2;
margin-left: 15em;
margin-top: 0px;
 }  

ul#faq_list {
margin-left: 1em;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
padding-top: 0px;
padding-left: .5em;
}
   
ul#faq_list li { 
list-style-image: url('https://www.crywolfclothing.com/images/heart.gif');
margin-bottom: 1px;
}   

ul#faq_list li a {
font-size: 11px
letter-spacing: normal;
}

ul#faq_list a {
display:block;
margin: 0px;
letter-spacing: normal;
font-size: 11px
}

/* +------------------------------------------------------------+ */
/* | DOWNLOADS                                                  | */
/* +------------------------------------------------------------+ */

#dl_div {
font-size: 11px
color: #74a0a2;
margin-left: 25em;
margin-top: 0px;
 }  

ul#dl_list {
margin-left: 1em;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
padding-top: 0px;
padding-left: .5em;
}
   
ul#dl_list li { 
list-style-image: url('https://www.crywolfclothing.com/images/heart.gif');
margin-bottom: 1px;
}   

ul#dl_list li a {
font-size: 11px
letter-spacing: normal;
}

ul#dl_list a {
display:block;
margin: 0px;
letter-spacing: normal;
font-size: 11px
}