/* 

This stylesheet was designed by Mario Edgar.
Visit marioedgar.com to view more information.
Thanks to blueprint css for layout. http://www.blueprintcss.org/

*/




.wpcart_gallery{clear:both; margin-top: 50px; }
.wpcart_gallery a{padding: 10px;}


b#loader_gif
{
height:32px;
width:32px;
background: url('http://www.grippylongstockings.com/wp-content/themes/grippy_2/images/ajax-loader.gif') no-repeat;
position:absolute;
z-index:0;
margin-top:183px;
margin-left: 453px;
}

#newSlider{
width:938px;
overflow:hidden;
position:relative;
height: 398px; 
border:1px solid #ECD0FC;
}
#newSlider img{
position:relative;
z-index:1;
}

/* IMPORTANT PAYMENT PAGE CSS [START]*/



.wpsc_checkout_forms {display:none;}
.wpsc_buy_button{cursor:pointer;}
#shopping_box_info{position:fixed; top: 0; z-index: 10000; left:50%; height: 50px; background: #F8F8FD; width:200px; margin-left: -102px; border:2px solid #9A99C6; line-height:50px; text-align:center; font-weight:bold; display:none;}
.wpsc_variation_forms {margin-bottom: 10px;}
 /* IMPORTANT PAYMENT PAGE CSS [END]*/


.wpcf7-not-valid-tip{padding: .2em .7em .2em .7em !important; margin-bottom:1em !important; border:2px solid #ddd !important;}
.wpcf7-not-valid-tip {background:#FBE3E4 !important; color:#8a1f11 !important; border-color:#FBC2C4 !important;}

.page-id-51 .post-headline, .page-id-51 .avatar{display:none;}

input,textarea, #uploadfile1_0{border:1px solid #9A99C6 !important; padding: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; outline:none; }
input:focus, textarea:focus{background-color: #F6F6FA !important; outline:none; }
#searchform input{padding:2px !important;}


#social_badges{margin-left:45px; margin-top:25px;}
#social_badges img{margin-left:25px;}
#sidebar ul li{margin-top: 35px; }
.page-item-211{display:none !important;}
/* General CSS [start] */

#slider { float: left; width: 938px; margin-right	: 28px;  /* important to be same as image width */ height: 400px; /* important to be same as image height */    position: relative; /* important */ overflow: hidden; /* important */	border: 1px solid #ECD0FC;} 
#sliderContent {  width: 938; /* important to be same as image width or wider */ position: absolute; top: 0; margin-left: 0;}
/* 
This slider stuff I took out for now because the purple didn't look good and we might have the image have writing on the right hand side.
*/
/*.sliderImage { float: left; position: relative;	display: none; }
.sliderImage span { position: absolute;	font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 938px; background-color: #6B1D7E; filter: alpha(opacity=70); opacity: 0.7; color: #fff;  display: none;}
.clear {	clear: both;}
.sliderImage span strong {  font-size: 14px;}
.top { top: 0; left: 0;
}
.bottom {bottom: 0; left: 0; }*/



/* Hide these pages from main menu */
ul li.page-item-69 a, ul li.page-item-72 a, ul li.page-item-76 a, ul li.page-item-79 a, ul li.page-item-10 a{display:none;}
/* Hide these pages from main menu */

#cart_image{position:absolute;}
#cart_image img{position:relative; left: 450px; }


/*
.page-id-8 .span-15{width:950px;}
.page-id-8 .span-9 {display:none;}
*/

#page_menu ul{position:absolute; top:-55px; right:0;}
#page_menu ul a{font-size:12px; color: #666; font-weight:normal;}
#page_menu ul a:hover{text-decoration:underline;}
#page_menu{ position:relative; top:60px; }
.page #left_column h2{display:none;}




#footer ul li ul{display:none;}
#footer ul{padding-top: 30px;}
#footer ul li{display:inline; }
#footer a{padding:0 5px 0 5px;}
#copyright, #copyright p{margin:0;padding:0;}

body{background:url('../images/grad_2.png') repeat-x; 	font-family: Tahoma, Arial;}
ul{list-style:none; margin:0; padding:0;}
a{color: #2C012A !important; text-decoration:none; }
a:hover{color: #851D81; text-decoration:underline; }
.button{background: url('../images/test.png') no-repeat; display:block; line-height: 25px; height: 25px; text-align:left; padding-left: 12px;  width: 105px; text-decoration:none; font-family:arial; font-weight:bold; color: #fff; cursor:pointer; }
a.button:hover, .button:hover{background-position:0 -27px; color: #fff; text-decoration:none;}
.button_long{background: url('../images/button_long_s.png') no-repeat; display:block; line-height: 25px; height: 25px; text-align:left; padding-left: 15px;  width: 175px; text-decoration:none; font-family:arial; font-weight:bold; color: #fff; cursor:pointer; }
a.button_long:hover, .button_long:hover{background-position:0 -27px; color: #fff; text-decoration:none;}
.submit{border:none; padding-bottom: 2px; width: 107px; padding-left: 10px; }
.rounded{-moz-border-radius: 10px; -webkit-border-radius: 10px;}
.rounded_top_left{-moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; }
.rounded_top_right{-moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px;}
.rounded_bottom_left{-moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;}
.rounded_bottom_right{-moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px;}
.header_image{margin-bottom: 20px; margin-top: 15px; }

.input_field{border:1px solid #ccc !important; background:#f2f2f2!important;  }
.input_field:focus{border:1px solid #ccc !important; background:#fff!important; }
.field_small{ padding:4px; width: 167px; }
*html .field_small{height:25px; line-height:15px; }
.white{background: #fff; }
/* General CSS [end]*/


/* Header section [start] */
#logo{margin-left: 15px; }
#logo a{outline:none;}
#logo, #menu{margin-top: 5px; }
#header_right{text-align:right; }
#menu{color:#666; margin-bottom: 30px;}
#menu ul{ padding:0; text-align:right; }
#menu li{display:inline;}
#menu a{ font-weight:bold; text-transform:lowercase;}
#menu a:hover{text-decoration:none;}

/* Header section [end] */


/* Homeapge layout [start] */
#flash_content{  margin-top: 15px; width: 948px; height:400px; overflow:hidden;}
#main_content{background: #ccc; margin-top: 10px; padding:10px;}
.checkus_button{position:relative; top: 157px; left: 724px;}
.main_button{margin-top: 10px; border:1px solid #ccc; background: #eee; padding:10px; }
#blog{background:url('http://www.grippylongstockings.com/wp-content/themes/grippy_2/images/blog.png') no-repeat; background-position:0 -126px; height: 126px; width: 316px; display:block; margin-top: 10px; cursor:pointer;}
#blog:hover{background-position:0 0; text-decoration:none;}
#shop{background:url('http://www.grippylongstockings.com/wp-content/themes/grippy_2/images/shop.png') no-repeat; background-position:0 -126px; height: 126px; width: 316px; display:block; margin-top: 10px; cursor:pointer;}
#shop:hover{background-position:0 0; text-decoration:none;}
#kids{background:url('http://www.grippylongstockings.com/wp-content/themes/grippy_2/images/kids.png') no-repeat; background-position:0 -126px; height: 126px; width: 316px; display:block; margin-top: 10px; cursor:pointer;}
#kids:hover{background-position:0 0; text-decoration:none;}




.cta_buttons{margin-top: 5px; margin-bottom: 5px; }
#articles .date{font-size: 10px; color: #999;}
#articles a.more{color: #999;}
#articles .headline{font-weight:bold;}
#articles .author{font-size:10px;}
#articles a{color:#851D81;}
#top_button{margin-bottom: 25px;}
.smaller_bodytext{font-size: 12px;}
/* Homeapge layout [end] */


/* Two column layout [start] */
#left_column{ margin: 25px 0 0 0;}
#left_column a{color: #851D81; font-weight:bold;}
#sidebar h2{ background:#fff; border: 1px solid #DBDBDB; margin:0; padding-left: 15px;}
#sidebar ul{margin: 10px;}
#sidebar{position:relative; background-color:#F2F2F2;  padding: 10px; margin-top:30px;  border:1px solid #DBDBDB; margin-bottom:20px;}
#sidebar blockquote{margin-top:0; margin-bottom:0;}
.image_left{float:left; margin-left:  50px;}
.image_right{float:right; margin-right:  50px;}
.small_desc{ font-weight: bold;  color: #851D81;}
.large_desc{font-size: 25px; color: #666; line-height: 30px; margin-bottom: 25px;}
.large_number{font-size: 25px; font-weight:bold; line-height: 12px; color: #FF9900;}
.web_dev{margin:0 0 0 25px;}
.web_dev li{margin-bottom: 5px; font-weight:bold;}
.web_dev li p{font-weight:normal;}
.quote_author{text-align:right; margin-right: 22px;}
.quote_title{font-size: 10px; color: #999; text-align:right;margin-right: 22px}

#sidebar #top_button{margin: 20px 0 15px 20px;}
#sidebar #bottom_button{margin: 0 0 10px 20px;}
/* Two column layout [end] */


/* Footer [start] */
#footer{margin-top: 5px; text-align:center;background:url('../images/grad_bottom.png') repeat-x; height:100px;}
#footer p {margin: 0; position:relative; top:40px;}
/* Footer [end] */


#page_menu li a{border-left:1px solid #2C012A; padding:0 5px 0 10px; margin:0;}
#page_menu li#first-menu-item a{border:none;}
#page_menu ul li a{border:none; }
#page_menu, #page_menu ul, #page_menu ul li{margin:0;padding;0;}



#page_menu li a{color: #2C012A !important;}
#page_menu li a:hover{color: #851D81 !important;}
.current_page_item a{color:#851D81 !important; }

#mini_form_upload{background:none;}
#uploadfiles_inline{height:150px; overflow-y:hidden !important; padding:0; margin:0;}
.s_required{font-size:10px; color: #999; font-weight:normal;}




#sidebar ul li h2{background:none; border:none; border-bottom: 1px dotted #999; margin:0; padding:0;}