/* SOSG CSS Document by Robert Ireland*/

/* vtip tooltip*/
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 12px; background-color: #ffeeaa; border: 2px solid #ff6600; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; width:300px; color:#000; }
p#vtip #vtipArrow { position: absolute; bottom: -12px; left: 8px }

/* Reset */
/* undo some default styling of common (X)HTML browsers
 ************************************************************/

/* No list-markers by default - 
* must redefine bullets w/ bg graphics
********************************************************/


/* Avoid browser default inconsistent heading, 
* font-sizes and pre/code
********************************************************/
body,h1,h2,h3,h4,h5,h6,pre,code,td {
font-size:1em;
}

/* Remove inconsistent (among browsers) - 
* default padding or margin 
********************************************************/
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,
fieldset,input,label,div,dd,dt,dl,table,tr,td,img,hr {
margin:0; padding:0;
}

/* prevent blue linked image borders
********************************************************/
a img,:link img,:visited img,fieldset {

}

img
{  border-style: none;
}


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

/* png fix  */
img, div { behavior: url(iepngfix.htc) }

.r_float {float:right;}
.l_float {float:left;}
.center {text-align:center}

/* Start
********************************************/
body { text-align:center; background:url(../images/body_bg.jpg) repeat-x top; text-align:center; background-color:#323390; font-family: sans-serif, Helvetica, Arial; font-size:14px; color:#00C;}
a { color:#c50;}
a:hover {color:#05c;}
p {padding:0 0 6px 0;}
h1 {font-size:16px; padding-top:0; margin-top:0;}
h2 {font-size:14px; margin-bottom:6px;}

.small { font-size:10px;}
.clear { clear:left;}
.hidden { display:none; visibility: hidden;}
.error { color:#00e; font-size:12px; font-weight:normal; padding:0 4px;}
.password_error { color:#f00; font-size:14px; font-weight:bold; padding:0;}

#wrapper {background:url(../images/wrapper.jpg) no-repeat center top; width:100%;}
#container {width:906px; margin:0 auto; text-align:left; }
#header {width:906px; height:243px;}
#main_page {background:url(../images/main_page_bg.png) center top; width:100%;}
#main_content {background:url(../images/main_page_top.png) center top no-repeat; width:100%;}

.main_item {width:684px; float:right; margin:0 12px 12px 0; position:relative;}
.main_item_content { padding:0 24px 0 14px;  background:url(../images/main_item_bg.png) repeat-y; width:654px; margin:0;}
.main_item_content ul {margin-left:20px;}

.main_title {width:100%; text-align:left; margin-bottom:4px; padding-bottom:4px; border-bottom:1px dashed #F0C1BE;}
.main_title h1 {font-size:18px; font-weight:bold;}

.sosg_module { width:878px; margin-left:14px;}
.sosg_module_content {padding:0 7px 0 9px;  background:url(../images/module_bg.png) repeat-y; width:862px; margin:0; float:left;}


#main_menu {width:186px; float:left; margin:0 11px 0 12px;}
	
	#main_menu .content { background:url(../images/menu_bg.png) repeat-y; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; float:left;width:187px;}
	#main_menu ul {list-style:none; display:block; margin:0 1px 0px 0; width:177px;}
	#main_menu ul li { text-decoration:none; color:#000144;background-image:url(../images/menu_bullets.gif); background-repeat:no-repeat; background-position:2px 5px; padding:2px 0 2px 15px; margin:0 0 0 0px;  border-bottom:dotted 1px #33CCFF; margin:0 0 0 5px; cursor: pointer;}
	
	#main_menu ul li a {text-decoration:none; color:#00c; font-size:13px;}	
	#main_menu ul li:hover { text-decoration:none; color:#df001a; background-position:-225px 5px; background-color:#FaFaFF;}	
	#menu_item{ padding:4px 10px 4px 0px; width:142px; float:left; }
	.menu_title { padding:0 0 0 5px;}
	.menu_bottom { margin-bottom:10px;}
#signup_btn { background:url(../images/btn_join_bg.png) no-repeat; height:25px; text-align:center; width:168px; margin:5px 0 0 0; padding:5px 0 0 0;}

#addtoany {position:absolute; top:10px; right:10px;}
#updateprofile {position:absolute; top:6px; right:20px;}
#profile_thumb {float:left;  width:55px; margin:0 5px 5px 0;}
#profile_thumb_img {background:url(../images/profile_thumb_bg.png) no-repeat; padding:2px 0 0 2px;}
#profile_thumb_img img {width:50px;}
#profile_menu { font-weight:normal; font-size:12px; padding:2px 0 0 0;}
#logout_menu {font-weight:normal; font-size:11px; float:right; margin:5px 5px 0 0;}
#profile_name {font-size:14px;}
#profile_info { width:307px; margin:0 5px 5px 175px; text-align:left;}

#profile_image { width:307px; margin:0 5px 5px 175px; text-align:left;}
#profile_image_img {background:url(../images/profile_image_bg.png) no-repeat; padding:3px 0 0 3px;}


#login {margin:0; padding:0px 10px;}
#login_form {width:155px; font-size:11px;}
#login_form table tr td{ font-size:11px; font-weight:normal; width:75px;}
.login_email{width:160px; border:1px solid #c88; font-size:11px; padding:3px; background-color:#ffd; height:22px;}
.login_password{width:92px; border:1px solid #c88; font-size:11px; padding:3px; background-color:#ffd; height:22px;}
.login_button {}

.inputrow { margin-bottom:10px;}
.input, .input2 {border:1px solid #55b; padding:2px;}
.form_title {font-weight:bold;}
.form_row { border-bottom:1px dotted #ccc; padding:0 5px 5px 10px; margin-bottom:5px;}

#productform table{font-size:12px; font-weight:normal; width:380px; }




/* Records */
	.item { padding:10px 0 0 0; border-bottom:1px dotted blue; width:630px;}
	.item_short { padding:0px 0px 0px 0px;  float:left; width:630px;}
	.item_shorter { padding:0px 0px 5px 0px;  float:left; width:530px;}
	.thumb {float:left; margin:0 10px 5px 0; font-size:10px; background:url(../images/thumb_bg.png) no-repeat; width:88px;}
	.thumb a { text-decoration:none;}
	.thumbnail{ margin:3px 0 0 3px;}
	.thumb_bottom {background:url(../images/thumb_bottom.png) no-repeat; width:88px; height:6px;}
	.item_short_title { font-weight:bold;}
	.item_short_desc {}
	.go_back {font-weight:bold; margin:10px 0 0 0;}
	.go_back a{ text-decoration:none;}
	.read_more { float:right;}

/* Products */
	.product_item { border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; padding:5px 15px; width:600px; }
	.product_text { font-size:14px; font-weight:bold; float:left; padding:2px 10px 0 0; }
	.product_price { font-size:16px; font-weight:bold; float:left; padding:0 10px 0 0; }
	



/* Buttons */
	.main_button { background:url(../images/btn_bg.png); background-position:right; background-repeat:no-repeat; height:33px; padding:0 10px 0 0; margin:5px; float:left;}
	.delete_button { background:url(../images/btn_bg.png); background-position:right; background-repeat:no-repeat; height:33px; padding:0 10px 0 0; margin:5px; float:right;}
	.button_text {  float:left; cursor:pointer; padding-top:1px;}
	.button_link { font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:8px 10px 0px 0px; float:left; }
	.button_text input {margin:1px 2px 0 2px; padding:7px 3px 0px 0px; border:none; background:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; cursor:pointer; font-size:12px; text-align:left;}
	
	.button_text a{text-decoration:none; color:#000;}
	.button_text a:hover {text-decoration:none; color:#009;}
	.cart_sm {float:right; padding:8px 3px 0 3px;}
	.add_to_cart { padding:4px 6px; float:right; }
	.disabled_button { border: 1px solid #ccc; background-color: #ddd; color:#00f; }

#s3capcha div {
    float: left;
} 
.up_arrow { float:right; text-align:right;padding:2px 14px 0 0;}

.starwheel {text-align:center; width:300px; font-size:11px;}
.starwheel a {color:#c50; text-decoration:none;}
.starwheel a:hover {color:#05c; text-decoration:none;}